CSS Wordpress Help

By : Forum Member
Published 6th December 2011 |
Read latest comment - 13th December 2011

Hi All

I have an issue with a wordpress site where the footer is not displaying inline with the Logo and the Address

Any ideas the code is below

#footercolumns {padding:2em 20 20 40}
#footercolumns .block {float:left; width:30%; margin:0 0 0 2.5%}
#footercolumns .first, * html #footercolumns .first{clear:both; margin:50}

<!-- fopter content left -->
<div class="footer-bottom-left">
<div id="logo-footer">
<?php $footer_logo = get_option('minerva_footerlogo');?>
<a href="<?php echo home_url();?>"><img src="<?php echo $footer_logo ? $footer_logo : get_template_directory_uri().'/images/footer-logo.png';?>" alt="" /></a></div>

<div id="footercolumns">
<div class="block first">
<ul>
<li>Here is some stuff.</li>
<li>And some more stuff</li>
<li>Still more stuff</li>
</ul>
</div>
<div class="block">

<ul>
<li>Here is some stuff.</li>
<li>And some more stuff</li>
<li>Still more stuff</li>
</ul>
</div>
<br clear="all" />
</div>
</div>
<!-- fopter content left -->

Thanks,
Kevin.Wiles
Comments
forum avatarlsaccouk
13th December 2011 12:04 AM
Hi Kevin,

Have you got the CSS for .footer-bottom-left and #logo-footer?

If you want them to line up then I would expect the #logo-footer div to be inside the footercolumns div.

Also check out the margin on #footercolumns .first, the 50 doesn't have a unit specified so will probably default to pixels, this will add a 50 pixel gap around all 4 edges including at the top - so it will appear lower than the other column.

Steve

This Thread is now closed for comments