Background image to not show on one page
I have a background image which shows on all pages. However, I want to make a landing page that doesn't show the background image so the visitor isn't distracted from the action they should take.
Is there any way to stop the background image from showing on one particular page?:confused: |
Sure create a css selector targeting that page and a CDs rule to not display it
|
Sounds good. What is the class of the background image? I couldn't find it.
Do I have it straight it would mean adding the following CSS insert: body.page-id-XX div.[background-image-class] {display: none;} |
what's the url?
|
PM'd you with link to url
|
HTML Code:
body.page page-id-225 {background-image: none;} |
Great! Much appreciated.
|
Only thing is it's not working. And there's a strange anomaly - when I go to the page and "View Source" I see the css rule I added but with the final semi-colon stripped out. So of course the browser ignores it.
As it appears in CSS Inserts: HTML Code:
body.page page-id-225 {background-image: none; } HTML Code:
body.page page-id-225{background-image:none} |
It must have been a caching problem, because it is now correct.
However, the background image is still showing. |
Okay, I got it to work. The css rule needs to be:
HTML Code:
body.page-id-225 {background-image: none;} |
Oops typo, glad you could dig in and figure it out!
|
argh! this is driving me nuts. shouldn't this be the correct code to alter the background of an individual page? :
body.page-id-247 {background-color: #ffffff;} what am i doing wrong!? http://www.sizzlingexpress.ca/test/ |
never mind.. i'm just going to use a table :)
|
Because you also have a background image you need to use this
HTML Code:
body.page-id-247 { |
aha! thank-you.
|
All times are GMT -6. The time now is 05:54 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.