Possible to reduce space between posts?

I’m not all that familiar with the theme you’re using, but I suspect you want to look in the stylesheet for the theme for the padding or margin size settings for the post-footer class.

Experimenting with these should allow you to reduce the distance between each post.

Hope this helps.

Much warmth,

planetthoughtful

Looking at your source, I noticed two <div> items under each post. One is a class called post-info, one called post-footer. Try deleting one or both. I’d look in the main index, page, post, and single post templates. Alternatively, change the style of those classes in the style template. Of course backup anything before making changes, just in case you want it back the way it was.

I’m hopeful to find a way to reduce spacing between my posts, too. See:
https://blogs.timesunion.com/dietchallenge/
Way too much space between Date/Time/Author line and the post.
I’m looking in index.php but I don’t see any style call that’s adding space. Any help?

Look in the stylesheet. Most of the calls would be there, not in the index.

Probably what you’d look to change (in the stylesheet) is the padding and / or margins for one or more of these classes: post, storycontent, postmetadata. An easy way to decide which one you need to change is to temporarily assign each a different background color so you can see the “box” each one makes.

Okay I took the suggestion to add the background color to the post and I see where it ends. If you go to the page you can see the green background behind each post..

https://www.78west.com/wordpress/

I got rid of the squiggle gif between the posts and shrunk it down by reducing the post footer padding to 0.

There is still a gap between the posts that seems a bit too large. Actually, it might be good but I still want to find out what controls that gap. The post-info mentioned above does not control that, its the part that is the name of the post.

Any further ideas how to reduce that gap?

Here’s my css:
https://www.78west.com/wordpress/wp-content/themes/connections/style.css

Looks like LordJezo is making more progress than I am. I still can’t seem to make any change in the spacing between Date/Time/Author line and the post.
I looked for padding and margins in the stylesheet and haven’t yet hit upon the one that’s giving me the extra space.

LordJezo, you’ve got two of those “post info” <div> thingies — one for the post title and all, then another one underneath each post. Try deleting that extra one, or taking out the class “post info” name for that one, or creating a new class for it.

mjh, have you tried the background color idea?

LordJezo — I would probably use

.post { margin: 0 0 1em 0;} (or similar)

I second marcy — there’s an empty div.post-info inside each div.post.

Sam_a: BINGO!

That worked perfectly.

marcy: I took off that second <div class=”post-info”> and it totally threw the site for a loop. The sidebar went missing, the posts were lined up next to each other.. oy. I have no idea what that second post info div does but it sure is needed. I wonder what it’s for and why it is so crucial to the layout of the site.

Thanks for the help guys and good luck mjh966.

LordJezo, congrats on fixing it. =) It seems to be that any theme made by Sadish and patriciamuller does that for some reason. I myself even used or implimented their “original” coding within my Andreas08 layout.. And had problems at first..but then got around it all.

Those same lines:

/************** Post Wrap Stuff ********************/

.post-title {
background:url(img/headertop.gif) top left repeat-x;
width:496px;
height:35px;
margin: 0 0 0.3em;
text-align: right;
padding: 0.5em 1em 0 1em;
color: #f0f0f0;
}

.post-title-footer {
background:url(img/footerbottom.gif) top left repeat-x;
width:507px;
height:25px;
margin:0.3em 0 0;
padding:1em 0 0 1em;
font-family:Tahoma;
font-style:normal;
text-decoration: none;
}

.post-title em {
font-family:Tahoma;
color:#f0f0f0;
line-height:1.0em;
font-size:1em;
font-style:normal;
float: left;
text-decoration: none;
margin: 0 0 0.2em;
padding: 0.4em 1em 0 0;
}

.post-content {
margin:0 0 0 0.2em;
padding:0 5px 0 5px;
color: #f0f0f0;
font-size:1.0em;
}

.post-content a {
text-decoration: none;
color: #f0f0f0;
border: none;
}

.date{
margin: 0 0 0.3em;
padding:1em 0 0 1em;
font-family:Tahoma;
font-style:normal;
text-decoration: none;
text-align:right;
}

Had to be used just right within the actual codes or it wouldn’t display properly. I found that out when using and tried using the ShadedGrey setup for the actual posts…for my Andreas08 theme.

This call tag to the post.php file, was being drawed up within…and had to be worked around so it displayed right.. and within that file…. was the info-post tags, like below this code.

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="entry"><!--start entry post-->
<?php require('post.php'); ?>
</div><!--end entry-->


<—-From the post.php file ——>

<div class="post-content">
<?php the_content(); ?>
<p class="post-info-co">
<?php wp_link_pages(); ?>

<!--
<?php trackback_rdf(); ?>
-->
</div>

I basically had to get tons of help and messed with it to get it where I wanted it..so the output is this now. =) The second part of coding was in the POST.PHP file, which is called within the firt section of codes..

https://www.vindictivebastard.net/blog3/

In which, once I get this all complete..credits will be going to Sadish and PatriciaMuller as well as the others that helped me extensively…. =)

spencerp

marcy: I took off that second <div class=”post-info”> and it totally threw the site for a loop. The sidebar went missing, the posts were lined up next to each other.. oy.

You need to remove both the start *and* end tag from the template:

CUT: <div class="post-info">[empty]</div>

… otherwise it will mess up the HTML structure. I checked your site with div.post-info hidden, and it looked OK.