As long as your theme has CSS classes added to the BODY tag, you could hide the image based on CSS. Something like this:
.page #fsb_image, .single #fsb_image { display: none; }
Just add the conditions you don’t want it shown on.
As long as your theme has CSS classes added to the BODY tag, you could hide the image based on CSS. Something like this:
.page #fsb_image, .single #fsb_image { display: none; }
Just add the conditions you don’t want it shown on.
I am looking for the same display as chris…I only want the fsb_image on the homepage. The theme I am editing is TwentyTwelve (does it have CSS classes added to the BODY tag?)
I was able to hide the image on one page, but the trick is to hide it on all the pages except the homepage. How would I add such a condition? For all the other pages, I only want to have a solid color as the background. Any help is appreciated.
I would do something like this:
#fsb_image { display: none; }
.home #fsb_image { display: block; }
It worked! sort of.
I plugged into my CSS
.home #fsb_image { display: block; }
.page #fsb_image { display: none; } (I added “.page” because nothing was happening without it)
Now I only have one page that displays the background image (good) but the page where the image displays defaults to the “Posts” page, not the static front page. Here is the site in question.
Any ideas? Thanks in advance.
Change it to:
#fsb_image { display: none!important; }
.home #fsb_image { display: block!important; }
Awesome! That did the trick.
Hi Pippin – How do I change the code to display on just one static page that’s NOT my Home page? I’m not sure how to identify the page in question. (Thanks for another awesome plugin)!
Show me a live URL and I can help you.
Thanks, Pippin, I figured it out . . . this did the trick.
#fsb_image {display: none !important;}
body.page-id-102 #fsb_image {display: block !important;}
