[Resolved] background image for single posts

Home Forums Support [Resolved] background image for single posts

Home Forums Support background image for single posts

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #903169
    Mark

    I would like to get my background image to cover the entire individual blog post. Currently, I can only get it to be background behind the text. I have tried (in the customizer to make the colors | header transparent by making the select color box have no entry, but it doesn’t seem to allow it.

    So can you tell me the CSS to make the background image cover the entire single post page, instead of just the area behind the text?

    My blog page is on the “News” menu item on http://new.nimblethimble.com

    Thanks in advance,

    Mark

    #903172
    Leo
    Staff
    Customer Support

    Hi there,

    So you are wanting the current body background image to apply to every single page basically?

    Then it might be easier to just upload it through the customizer instead of adding CSS to target each page like the current method?
    https://docs.generatepress.com/article/backgrounds-overview/

    Let me know πŸ™‚

    #903189
    Mark

    Leo,

    I thought about that but didn’t see anyplace in the customizer under Backgrounds for single blog posts or archives.

    Mark

    #903194
    Leo
    Staff
    Customer Support

    If you upload it to Background Images > Body then it will apply to every page/post, which is what you want no?

    I browse the few pages you have and every page has that background image.

    #903202
    Mark

    Leo,

    I have already applied it (per your past response) to my pages. Now I am just looking to apply it to the single posts.

    Mark

    #903204
    Leo
    Staff
    Customer Support

    I think you’ve misunderstood me.

    You are currently using this CSS to add the background image on various pages:

    body.page-id-60, body.page-id-6633, body.page-id-10, body.page-id-6500, body.blog, body.page-id-6502, body.page-id-6505, body.page-id-6511 {
        background-image: url(http://new.nimblethimble.com/wp-content/uploads/2019/05/white_quilit_background_levels.jpg);
    }

    If you also want it on single posts, that basically means you want that background image on every page and post of your site. In that case, simply upload it through the customizer as I mentioned before and you can remove the CSS.

    Let me know if this is clear πŸ™‚

    #903208
    Mark

    Thanks Leo,

    That did the trick.

    Mark

    #903209
    Leo
    Staff
    Customer Support

    No problem πŸ™‚

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