How do I individually pad core-content for each category?
-
My ultimate goal is to get category descriptions in Manifest.
I’m using the following code from designsimply to make a post stick at the top of its category:#core-content {
padding-top: 480px;
}
#post-1148 {
position:absolute;
top:-30px;
overflow:hidden;
width:100%;
height:440px;
}designsimply advised me to do custom css for each category.
Now, how do I do this?
I need to make it so that “padding-top: 480px;}” only effects one specific category. Different categories will have descriptions of different sizes so I need to be able to adjust each individually. Also, right now it’s pushing down EVERYTHING 480px (see my About page! http://kapansa.wordpress.com/about/ ). I tried something like #category-209 #core-content { but that didn’t work.
Any help on this one is appreciated.
The blog I need help with is: (visible only to logged in users)
-
What is the name of the category you wanted to do this to?
One thing is that category-209 is a class (starts with a period . ) rather than an ID (which would start with a # ) so it would be like this:
.category-209 #core-content -
Thanks a bunch thesacredpath. Yea, “209” was an example. The category for that post is ‘Mistakes’ and its #23915. I’ll be doing the same for each category in my menu.
Using .category worked perfect. After much blind trial and error, you got me reading about class and ID. My last step was to find way to keep specific posts (like that post #1148) off of the front page.
I tried .front #post-1148…etc. – didn’t work.
Then I tried .home #post-1148 { display:none; } Bam! I never thought doing CSS would be so fun. Thanks for all your help getting me going – I’m pretty much all finished with the aesthetics. Now I guess all that’s left is to start blogging? ; )
-
-
-
- The topic ‘How do I individually pad core-content for each category?’ is closed to new replies.