Hi all,
Long time reader, but first time poster, my apologies firstly if this isn't allowed.
Now onto the issue; basically I am running Wordpress 2.8.4, and I have created two seperate DIVs as shown below:
<div class="postauthor"><?php the_author_description(); ?></div>
<div class="related-post">
<?php wp_related_posts(); ?>
</div>
And the CSS that conincides with this is:
.related-post { width: 530px; padding: 10px; margin: 0 10px}
.related-post { border:1px solid #AACCEE; background:#EBF3FB}
.related-post ul {border-top:1px solid #e6e6e6; margin-bottom: 5px}
.related-post ul li {padding: 5px 0px; border-bottom: 1px solid #e6e6e6}
.postauthor { color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; background: #E9C2A6; border:1px solid #000000; width: 530px; padding: 10px; margin: 0 10px; }
If you look at: http://kevandisa.com/2009/08/avenue-q-is-truly-remarkable/ for example underneath the social icons you see the two 'boxes' in question, how could I separate them?
Thanks in advance.