Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #266989

    Hello Support,

    I know this has come up – I’ve found a few other requests for similar support – and I haven’t found an answer that is working on the site I am developing.

    The client has a request for unique background images for each page. I’ve attempted a few solutions, and some I found on this forum – none have completely worked. (I’m hoping for a solution that is responsive.)

    Do you have a solution that will only affect the middle content well? (so far, my attempts have affected the footer – or covered up everything).

    SITE: http://coffeeworks.com/wordpress/coffee/

    If we get something working on this page, I’ll be able to handle the other pages.

    TIA,
    Greg

    #267040

    Hi Greg!

    This code affects only the middle content:

    div.main_color.container_wrap {
        background: gray;
    }

    Best regards,
    Josue

    #267860

    Josue,
    I need another background element that is partly transparent so that the content shows up on the background image.

    Here are two pages where I’ve attempted some different experiments:
    http://coffeeworks.com/wordpress/coffee/
    http://coffeeworks.com/wordpress/coffee/how-we-brew/

    I am using .responsive .container to place the transparent image and there are still two issues with my solution:

    • It is affecting the footer elements as well
    • It needs padding on the vertical margins to look right

    Any ideas of how to work this?
    Sincerely,
    Greg

    #268106

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #footer .container, #socket .container {
    background: inherit;
    }

    Best regards,
    Yigit

    #268790

    perfect!! thank you guys for the support!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘unique background image for different pages’ is closed to new replies.