Title: No space between posts
Last modified: July 11, 2019

---

# No space between posts

 *  [frza45](https://wordpress.org/support/users/frza45/)
 * (@frza45)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/no-space-between-posts/)
 * I must have taken a wrong turn somewhere. As the title states, it seems my wordpress
   posts are all in the same container. Meaning they are one after the other with
   no “whitespace”(In this case, black space) I would like about 60px or so in between
   the posts of blackspace.
 * I have tried a few suggestions I found on here that said to put margin-bottom:
   60px; Thinking I may have put it in the wrong place though.
 * I am using the latest bootstrap 4 with the latest wordpress.
 * Thanks in advance! I am new to development in general and this is my first forray
   into hand made wordpress sites.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fno-space-between-posts%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/no-space-between-posts/#post-11724261)
 * So I assume you want each post in it’s own red box. The problem is that the CSS
   for the red box that you see around all the posts is in the parent #blogContent
   container, and not for each individual post.
 * So you’ll need two rules, one that removes the box around the parent element,
   and another that adds the box around the individual posts:
 *     ```
       #blogContent {
          background-color: #000;
          border: none;
          padding: 0;
       }
       #blogContent .post {
          background-color: #660000;
          border: 2px solid #ff0000;
          padding: 30px;
       }
       ```
   
 * By the way, you shouldn’t add your custom CSS to the theme’s style.css file. 
   If you ever update the theme, your changes will be overwritten. Best thing is
   to copy your custom CSS to WordPress’ Custom CSS option (**Appearance → Customize
   → Additional CSS**).
 *  Thread Starter [frza45](https://wordpress.org/support/users/frza45/)
 * (@frza45)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/no-space-between-posts/#post-11726496)
 * Thanks so much! That worked!
 * New problem: The width of the posts is about half of what it needs to be now.
   I have tried putting in width: 100% about everywhere that is logical. It looks
   ok when I put in width: 170% under #blogContent .post but I’m sure there’s a 
   better way. Am I just getting into trouble with my containers like with my last
   problem?
 * I would appreciate a bit more help with this.
 * Thanks!
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/no-space-between-posts/#post-11726618)
 * The problem with setting the post widths to 170% is if you look at the site on
   a mobile device (cell phone), you’ll see that the posts are going to extend past
   the right edge of the screen.
 * There’s another parent element that you can set to 100% instead:
 *     ```
       #content {
          width: 100%;
       }
       ```
   
 *  Thread Starter [frza45](https://wordpress.org/support/users/frza45/)
 * (@frza45)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/no-space-between-posts/#post-11726649)
 * Great! Thanks! This is my first conversion to wordpress and it’s pieced together
   from various tutorials, so I do not entirely understand it as a whole yet.
 * I appreciate the help! Maybe one day I can help someone else! You are tha masta!

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

The topic ‘No space between posts’ is closed to new replies.

## Tags

 * [bootstrap 4](https://wordpress.org/support/topic-tag/bootstrap-4/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4 replies
 * 2 participants
 * Last reply from: [frza45](https://wordpress.org/support/users/frza45/)
 * Last activity: [6 years, 11 months ago](https://wordpress.org/support/topic/no-space-between-posts/#post-11726649)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
