Title: separated posts
Last modified: August 21, 2016

---

# separated posts

 *  [PHThunder](https://wordpress.org/support/users/phthunder/)
 * (@phthunder)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/separated-posts/)
 * Hello evewrybody,
 * i am trying to get a empty space between my post. like this theme [http://clubber.wizedesign.com/dark/](http://clubber.wizedesign.com/dark/)
 * Between the post you see it goes back to the wrapper background. i would like
   to have that on my theme but how????

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

 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/separated-posts/#post-3968541)
 * Depends on how your theme and template are coded…generally CSS would create the
   space with a margin and/or padding. But there’s no way to specifically help without
   seeing the site/page in question.
 *  Thread Starter [PHThunder](https://wordpress.org/support/users/phthunder/)
 * (@phthunder)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/separated-posts/#post-3968562)
 * this is my index.php
 * very basic als you can see
 *     ```
       <?php get_header(); ?>
       <br />
       <br />
       <div id="wrapper">
       <div id="main">
       <div id="content">
       <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
       <h1><?php the_title(); ?></h1>
       <h4>Geplaatst op <?php the_time('F jS, Y') ?></h4>
       <p><?php the_content(__('(more...)')); ?></p>
       <hr> <?php endwhile; else: ?>
       <p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?>
       </div>
       <?php get_sidebar(); ?>
       </div>
       <div id="delimiter">
       </div>
       <br />
       <br />
       <?php get_footer(); ?>
       ```
   
 * and this is my style
 *     ```
       body {
       	background:url(plaatjes/plaatjes/achtergrond.png) no-repeat center center fixed;
       	-moz-background-size: cover;
       	-webkit-background-size: cover;
       	-o-background-size: cover;
       	background-size: cover;
       	color:#FFFFFF;
       	margin-left: 0px;
       	margin-right: 0px;
       	margin-top: 0px;
       	margin-bottom: 0px;
       }
       #wrapper {
       	display: block;
       	width:900px;
       	margin-left: auto;
       	margin-right: auto;
       	background-image:url(plaatjes/plaatjes/achtergrondtrans.png);
       	background-repeat:repeat;
       	padding-left:15px;
       	padding-top:15px;
       	padding-right:15px;
       	padding-bottom:15px;
       }
       #header {
       	background-image:url(plaatjes/plaatjes/achtergrondtrans.png);
       	background-repeat:repeat;
       	padding-left: 10px;
       	padding-top:10px;
       	padding-bottom:20px;
       	clear:both;
       }
       #header1 {
       	width:930px;
       	margin-left: auto;
       	margin-right: auto;
       }
       #bovenmenu{
       	float:left;
       	display:block;
       	display:inline;
       }
       #content {
       	width: 73%;
       	background-image:url(plaatjes/plaatjes/achtergrondtext.png);
       	background-repeat:repeat;
       	padding-left:5px;
       	padding-right: 5px;
       	float:left;
   
       }
       #sidebar {
       	width: 23%;
       	border: 2px #000000 solid; float: right;
       	padding-left:5px;
       	background-image:url(plaatjes/plaatjes/achtergrondtext.png);
       	background-repeat:repeat;
       }
       #sidebar1 {
       	width: 23%;
       	border: 2px #000000 solid; float: right;
       	padding-left:5px;
       	background-image:url(plaatjes/plaatjes/achtergrondtext.png);
       	background-repeat:repeat;
       	margin-top:15px;
       }
       #delimiter {
       	clear: both;
       }
       #footer {
       	border-top: 10px #0092fb solid;
       	background-image:url(plaatjes/plaatjes/achtergrondtrans.png);
       	background-repeat:repeat;
       	float:left;
       	clear:both;
       	width:100%;
       	text-align:center;
       	margin:0px auto 0px auto;
       }
       #footer-1 {
       	background-image:url(plaatjes/plaatjes/achtergrondtext.png);
       	background-repeat:repeat;
       	float:left;
       	clear:both;
       	width:100%;
       	margin:0px auto 0px auto;
       	}
       #footertext{
       	width:930px;
       	margin-left: auto;
       	margin-right: auto;
       }
       .title { f
       	ont-size: 11pt;
       	font-family: verdana;
       	font-weight: bold;
       }
       ```
   
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/separated-posts/#post-3968577)
 * There’s no way to help with CSS without seeing the actual site – code alone is
   not useful. Someone has to be able to look at your site using Firebug.
 * What theme are you using?
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/separated-posts/#post-3968600)
 * with your index.php html code, your layout idea is virtually impossibly to do–
   it might be easier if each post would be wrapped into its own div;
 * for example (relevant section):
 *     ```
       <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
       <div <?php post_class(); ?>>
       <h1><?php the_title(); ?></h1>
       <h4>Geplaatst op <?php the_time('F jS, Y') ?></h4>
       <p><?php the_content(__('(more...)')); ?></p>
       <hr>
       </div>
       <?php endwhile; else: ?>
       ```
   
 *  Thread Starter [PHThunder](https://wordpress.org/support/users/phthunder/)
 * (@phthunder)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/separated-posts/#post-3968610)
 * Yeah! thats it
 * i have connect it on the css with
 * .post {
    background-image:url(plaatjes/plaatjes/achtergrondtext.png); background-
   repeat:repeat; padding-left:5px; padding-right:5px; padding-bottom:5px; }
 * now its working correct!! 😀

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

The topic ‘separated posts’ is closed to new replies.

 * 5 replies
 * 3 participants
 * Last reply from: [PHThunder](https://wordpress.org/support/users/phthunder/)
 * Last activity: [12 years, 10 months ago](https://wordpress.org/support/topic/separated-posts/#post-3968610)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics