Home › Forums › Weaver Xtreme Theme › Per page background styling

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #20069
    ROBIN
    Participant

    I know there is a post about how to do this in the Forum.  I have used it tons, however the search the forum option is not working.
     
    How can I remove a sitewide background from just one page? 

    Here is the code I used

    .single #page-134 .background {display:blue;}

    Here is the link http://thegoodspray.net/contact-us/

    #33299
    Weaver
    Keymaster

    The CSS display is not about a color. Perhaps you meant display:none;

    #33300
    ROBIN
    Participant
    That is what I meant, but it isn’t working.  I have it in the custom CSS rules.  I have the right page id, but the background image of bubbles still shows.  Do I have the rest of the CSS code correct?
    #33301
    Weaver
    Keymaster

    Probably the rule should be:

    .single #page-134 {background:none;}

    #33302
    scrambler
    Moderator

    1- Use the guide site for tutorials 🙂
    https://guide.weavertheme.com/targeting-specific-pages-or-devices-for-styling-attributes-like-bg-image/

    2- What background exactly are you trying on the image you linked to?
    Because I dont see any background image on that page.

    3- The page class is  .page-id-134   NOT #page-134
    Why do you have .single in your rule, the link you gave us is not a single post page
    display:blue does not make any sense.
    display:none would if appied to a background-image but as I said I dont see any on that page

    #33303
    ROBIN
    Participant

    Thanks so much for your answers.  

    I got the .single by trying to follow something in the tutorials.  Stab in the dark, sorry about that. 

    I still have bubbles on the background of the wrapper.  The page is white, but the bubbles are on the sides. 

    I want to remove the site wide background in the wrapper from one page only.
     
     I should have been more clear in my question.  I am a little rusty.  

    Thanks for being so willing to help.  

    #33304
    scrambler
    Moderator

    The bubble background image is not on the wrapper but on the container.
    So the rule would be
    #page-id-134 #container {background-image:none;}

    .page-id-134 #container {background-image:none;}

    #37693
    ROBIN
    Participant

    Thank you very much.  It didn’t work when I put it into the overall CSS Custom area, but it worked great in the per page area, once I took the pageID off

    I sure appreciate your help.

    #37698
    scrambler
    Moderator

    Sorry I had a Typo, the page id is a class, so it needs a dot not a #

    The rule for the global CSS rule, box was

    .page-id-134 #container {background-image:none;}

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