[Peter W]

This is an extract from my index.php file:


<p class="post-meta">Posted on <?php the_time('j F Y') ?> under <?php the_category(', ')?>. <?php edit_post_link('Edit', '', '. '); ?> </p></div>

<img src="http://brighton-accountants.com/blog/wp-content/themes/TAD/images/line-hdot-blog-long.gif">

<?php endwhile; ?>


The problem is that this leaves a large white space between the 'Posted on...' line of text, and the graphic (it looks like 2 line breaks). Does anyone know how to reduce this down to one line break?

Thank you,

[admagic]

Peter
Edit the style.css using the presentation editor
Your problem is in the class post-meta

parameter margin-top
currently set as 1.6em

reduce to zero, or even negative to achieve the space you want

ie replace this

.post-meta {
margin-top:1.6em;
color:#999;
}

with this

.post-meta {
margin-top:0em;
color:#999;
}

or even this

.post-meta {
margin-top:-1.0em;
color:#999;
}

to get the gap you want

[Peter W]

Thanks, but it didn't do anything :sad1:.

[admagic]

Ill take another look....

[admagic]

By the way...you have to refresh the page to get a new stylesheet to load

[admagic]

Im no css expert....but I think a kludge will work
by putting in a margin-bottom on class post-entry as -1.0 em

ie
eg replace

.post-entry, .archives {
font:1.3em/0em 'Century Gothic', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

with

.post-entry, .archives {
font:1.3em/0em 'Century Gothic', 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin-bottom: -1.0em;
}

Adjust the bottom margin to suit...
If that doesnt work...I give up

[Peter W]

That didn't work, but I got there by adding the line:

margin-bottom:-2em;

to the .post-meta section.

I only knew where to look after following your earlier post - thank you.

[admagic]

Ha!

If all else fails read the question - I have only just seen that it is the gap BELOW posted on you were trying to mess with!!

Speed read your post and thought it was the gap above it...so yes.....