The space is there because your theme includes a div with the class of ‘.clearer’ between each post. I shall refrain from saying what I think of this strategy…
The style rule for these divs looks like this:
.clearer {
height: 100px;
clear: both;
}
There is also a ‘.postcontent’ rule like this:
.postcontent {
float: left;
font-size: 1.1em;
}
It seems as though it’s your own theme. If that’s the case, alter these rules to something like:
.postcontent {
float: left;
font-size: 1.1em;
margin-bottom: 20px /* or whatever floats your boat */
}
.clearer {
clear: both;
}
If it’s not your own theme, I recommend the use of a Child Theme to make your alterations. They’ll have to be different alterations in a child theme, so post again if you need further help with that.
You may find that the ‘.clearer’ div is used elsewhere and that in that context it needs the height. If that’s the case, you can either adopt the same strategy as I suggest above to create the amount of white space that’s required, or you can create a new style rule specifically for the new situation.
HTH
PAE
Thanks alot…
It worked..
This is what i did..
.clearer {
height: 40px;
clear: both;
}
and
.postcontent {
float: left;
font-size: 1.1em;
margin-bottom: 10px /* or whatever floats your boat */
}
Everything works perfectly.. i really do appreciate your time and help..
Regards
De nada.
Just in case you thought there was, there’s no magic to this. Generally, we just look at the HTML/CSS in Firebug or equivalent. You can even use Firebug to try out changes.
Cheers
PAE
