Hi there! 🙂
It can easily be done if your different pages all have different CSS classes or ids associated with them.
In your case, it seems like each page’s post content has its own separate post id, so you can style it via CSS by specifying the post id and applying a different padding value to it.
Hi EMG, thank you for your reply. That makes sense, unfortunately I am not to the point where I can figure this out myself just yet. Can you (or anyone else) give me an example of the specific code I would use to make this happen?
Thanks so much.
I had some more thoughts on this and I think I’m headed in the right direction, but not quite there yet. I’m pretty new to CSS.
Here is the piece of code I’m working with:
#content .post {
padding-top: 10px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: #181818;
border: 1px solid #424242;
padding: 10px;
margin-top: 20px;
margin-bottom: 20px;
I just want the padding to be different on the first page. just a guess, would I add something like this –
div#content .post > li#content .post-1{padding: 53px}
I’m sure this is way off, but it’s my best guess for now (and I know it’s wrong because it doesn’t work). If someone could jump in here and fix this I’d be so very grateful. Thank you.
