Home Forums Weaver Xtreme Theme Background image only in Content Area on 1 specific page

Topic Resolution: Resolved
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #64768
    ROBIN
    Participant

    I have a watermark type image that I want to use on only one page of my new website.  I figured out how to do it as a background image, but after further review, I really only what it in the content area.

     

    What should I change in the following CSS code?

    .page-id-10 {background: url(https://quarters4horses.com/wp-content/uploads/2020/07/Background-again-darker.png) no-repeat center center fixed; -webkit-background-size:cover;
    -moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    Site is Quarters4horses.com I just started it today.

    Thanks

    #64769
    scrambler
    Moderator

    Try adding the content or container area selector like below, and post back with a link if more questions

    .page-id-10 #container {background: url(https://quarters4horses.com/wp-content/uploads/2020/07/Background-again-darker.png) no-repeat center center fixed; -webkit-background-size:cover;
    -moz-background-size:cover;-o-background-size:cover;background-size:cover;}

    or

    .page-id-10 #content {background: url(https://quarters4horses.com/wp-content/uploads/2020/07/Background-again-darker.png) no-repeat center center fixed; -webkit-background-size:cover;

    -moz-background-size:cover;-o-background-size:cover;background-size:cover;}

     

    #64831
    ROBIN
    Participant

    Thanks that worked great!

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