Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Post-Kicker, -Byline & -Footer (http://forum.bytesforall.com/forumdisplay.php?f=17)
-   -   hide post-kicker on specific page (http://forum.bytesforall.com/showthread.php?t=17072)

cway Mar 20, 2012 06:33 PM

hide post-kicker on specific page
 
Is it possible to hide or not display the post-kicker on a particular page?
The page I want to hide the post-kicker on has an id of 425.

I've tried this, but it doesn't work:

Code:

body.page page-id-425 #post-kicker {
display: none;
}


juggledad Mar 20, 2012 07:35 PM

HTML Code:

body.page page-id-425 #post-kicker
That syntax is incorrect. what it says is for any element with an ID of post–kicker that is a child of an element called page–id–425 in the body of the page with a class called page apply the CSS. If you wanted to use both classes “page” and “page–id–425” you would have to say body.page.page–id–425 but since both page and page-id-425 art classes you can just say body.page–id–425

cway Mar 20, 2012 07:52 PM

Thanks for explaining that.
It looks like I should be able to use the below, but it isn't working.
Am I missing something? I also tried it without !important

Code:

body.page–id–425 #post-kicker {
display: none !important;
}


juggledad Mar 20, 2012 08:09 PM

Well is post-kicker a 'ID' or an 'class'? If it is an ID you use the # but if it is a class you use a period

cway Mar 21, 2012 07:39 AM

post-kicker is a class.
Maybe I've still got the syntax incorrect:

Code:

body.page–id–425.post-kicker {
display: none !important;
}


juggledad Mar 21, 2012 08:03 AM

yup you still have it incorrect. the format is
element#idname or
element.classname

so you can use something like 'element#idname element.classname' which can be shortened to
element#idname .classname or
#idname element.classname or even
#idname .classname

when you say 'body.page–id–425.post-kicker' you are saying "apply this to a body that has a class of page-id-425 and a class of post-kicker" you need a space in there

cway Mar 21, 2012 08:14 AM

I've tried that, too. No good.

Code:

body.page–id–425 post-kicker {
display: none !important;
}

http://dev.advantagecardservices.com/application-form/
Application Form, How Can We Help, the background image behind these, shouldn't be there.

juggledad Mar 21, 2012 10:38 AM

HTML Code:

body.page–id–425 post-kicker {
background-image: none !important;
}


cway Mar 21, 2012 11:16 AM

Didn't work. I'd like to not show the entire post-kicker. Any other ideas?

juggledad Mar 21, 2012 03:32 PM

I don't see the post kicker showing


All times are GMT -6. The time now is 07:28 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.