Home › Forums › Weaver Xtreme Theme › Per page background styling
- This topic has 8 replies, 3 voices, and was last updated 9 years, 7 months ago by
scrambler.
-
AuthorPosts
-
February 18, 2017 at 18:16 UTC - Views: 120 #20069
ROBIN
ParticipantI 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/
February 18, 2017 at 18:25 UTC - Views: 9 #33299Weaver
KeymasterThe CSS display is not about a color. Perhaps you meant display:none;
February 18, 2017 at 18:43 UTC - Views: 10 #33300ROBIN
ParticipantThat 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?February 18, 2017 at 21:30 UTC - Views: 9 #33301Weaver
KeymasterProbably the rule should be:
.single #page-134 {background:none;}
February 18, 2017 at 21:38 UTC - Views: 12 #33302scrambler
Moderator1- 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 pageFebruary 19, 2017 at 16:40 UTC - Views: 9 #33303ROBIN
ParticipantThanks 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.
February 19, 2017 at 18:15 UTC - Views: 15 #33304scrambler
ModeratorThe 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;}
February 22, 2017 at 17:09 UTC - Views: 8 #37693ROBIN
ParticipantThank 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.
February 22, 2017 at 17:59 UTC - Views: 15 #37698scrambler
ModeratorSorry 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;}
-
AuthorPosts
- You must be logged in to reply to this topic.

