WordPress.org

1. steph73
   Member
   Posted 1 year ago #

   Is there any way to control the size of the padding around the main content so that it is different on different pages?

   Thank you. Here is my website: http://talkinginpictures.com/

2. EMG
   Member
   Posted 1 year ago #

   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.

3. steph73
   Member
   Posted 1 year ago #

   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.

4. steph73
   Member
   Posted 1 year ago #

   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.

Topic Closed

This topic has been closed to new replies.