We're merging with GenerateBlocks! Learn more here.

[Support request] Post display on page – transparent background

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Post display on page – transparent background

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #25717
    Dwayne
    Participant

    I want to display posts on several pages to mimic the normal post display in WordPress/GeneratePress.

    However, by placing the WPPOSTS into a page, it retains the background of the div#page. I want that to be transparent (like the WordPress ‘posts’ page).
    If I were to make the background transparent, it would apply to my other pages as well.

    What’s the best way to achieve this and use WPPosts to replace my regular WordPress post display on multiple pages?

    The options I’ve considered:

    A page template dedicated to the WPPosts display that will have a transparent background.
    A post with an assigned category so that I can select for the CSS of that category (except that WPPosts don’t allow pagination when put into Posts, only pages).
    A page with a ‘parent’ so that I can select for it in CSS.

    #25746
    elvin
    Moderator

    Hi there,

    However, by placing the WPPOSTS into a page, it retains the background of the div#page. I want that to be transparent (like the WordPress ‘posts’ page).
    If I were to make the background transparent, it would apply to my other pages as well.

    That’s strange. WPSP doesn’t control what styling div#page has.

    WPSP may have its own background on CSS, though. If you see it having a white background, you can remove it with CSS as well.

    Note: WordPress adds classes to the <body> tag indicating what kind of page it is. You can see “page”, “post”, “woocommerce”, “blog” or “archive” depending on what kind of post you are in. You should be able to use this by specifying it in your CSS. Example: body.post div#page{...}.

    Alternatively, if you have GP Premium, you can create a Hook Element with <style>...</style> and set its display rule location to the pages/post/categories/archive pages you want it to apply to.

    What’s the best way to achieve this and use WPPosts to replace my regular WordPress post display on multiple pages?

    This is pretty tricky to do but you can try what the user did here:
    https://wpshowposts.com/support/topic/use-wp-show-posts-to-replace-blog-archive-page/

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.