Title: post padding css
Last modified: August 31, 2016

---

# post padding css

 *  Resolved [designandinternet](https://wordpress.org/support/users/design-and-internet/)
 * (@design-and-internet)
 * [10 years ago](https://wordpress.org/support/topic/post-padding-css/)
 * Hi All
 * I have managed to use this CSS code for the my blog with success:
 * .page-template-template-magazine #navigation {
    margin-bottom: 30px; }
 * Result:
 * [http://www.designandinternet.co.uk/blog](http://www.designandinternet.co.uk/blog)
 * But the posts are still squashed next to primary navigation. Can anyone help 
   with the correct css for individual posts e.g.
 * [http://www.designandinternet.co.uk/central-park-nyc/](http://www.designandinternet.co.uk/central-park-nyc/)
 * Need some help with padding.
 * Thanks
    Mark

Viewing 8 replies - 1 through 8 (of 8 total)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years ago](https://wordpress.org/support/topic/post-padding-css/#post-7210137)
 * Try removing this bit:
 *     ```
       .page-template-template-magazine
       ```
   
 *  Thread Starter [designandinternet](https://wordpress.org/support/users/design-and-internet/)
 * (@design-and-internet)
 * [10 years ago](https://wordpress.org/support/topic/post-padding-css/#post-7210141)
 * Thanks Andrew.
 * Sadly didn’t work. Went back to no padding on both blog and individual posts.
 * Here is the full custom css on the the child theme:
 * #contact-page ol.forms textarea {
    height: 80px; }
 * #portfolio {
    padding-left: 50px; }
 * .nocomments {
    display: none; }
 * #nav-container #navigation {
    background: none; }
 * .page-template-template-magazine #navigation {
    margin-bottom: 30px; }
 * Any other suggestions?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years ago](https://wordpress.org/support/topic/post-padding-css/#post-7210142)
 * Sounds like a CSS specificity issue, try this instead:
 *     ```
       body #navigation {
           margin-bottom: 30px;
       }
       ```
   
 *  Thread Starter [designandinternet](https://wordpress.org/support/users/design-and-internet/)
 * (@design-and-internet)
 * [10 years ago](https://wordpress.org/support/topic/post-padding-css/#post-7210144)
 * Well done – that’s worked. Cheers – HAPPY EASTER!
 *  Thread Starter [designandinternet](https://wordpress.org/support/users/design-and-internet/)
 * (@design-and-internet)
 * [10 years ago](https://wordpress.org/support/topic/post-padding-css/#post-7210145)
 * Ah, hang on, adding
 * body #navigation {
    margin-bottom: 30px; }
 * and removing
 * .page-template-template-magazine #navigation {
    margin-bottom: 30px; }
 * has thrown out the homepage slider
 * [http://www.designandinternet.co.uk/](http://www.designandinternet.co.uk/)
 * Is there a way for just the blog and individual posts to be padded and the rest
   of the site left as is?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years ago](https://wordpress.org/support/topic/post-padding-css/#post-7210150)
 * Yes, if you look at the `<body>` element:
    1. Open your page
    2. Right click
    3. Select ‘view source’
    4. Search code for “<body”
 * You will see that you have a range of classes on that body element. Some of them
   will be available across the templates that you want.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years ago](https://wordpress.org/support/topic/post-padding-css/#post-7210152)
 * So try this:
 *     ```
       .single #navigation,
       .blog #navigation {
           margin-bottom: 30px;
       }
       ```
   
 *  Thread Starter [designandinternet](https://wordpress.org/support/users/design-and-internet/)
 * (@design-and-internet)
 * [10 years ago](https://wordpress.org/support/topic/post-padding-css/#post-7210157)
 * Done and working. Thanks for the tips – cool!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘post padding css’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [WooThemes](https://wordpress.org/support/topic-tag/woothemes/)

 * 8 replies
 * 2 participants
 * Last reply from: [designandinternet](https://wordpress.org/support/users/design-and-internet/)
 * Last activity: [10 years ago](https://wordpress.org/support/topic/post-padding-css/#post-7210157)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
