remove a space at bottom of footer

  • Hello and apologies if I am posting in the wrong area or about a topic that has already been covered.

    https://www.quinones-inc.com/quinones/
    theme: twenty eleven (with child)
    WP ver 3.5.1

    I am trying to remove a tiny space at the bottom of the footer area. I’ve inserted an image at the bottom to end-cap my page / main content area background (which is separate from the main background) but something is forcing a space below it. I’ve poured through the CSS but nothing seems to help. Any suggestions are appreciated.

    here is a reference image with the area in question highlighted:

    https://www.pxlc.com/WP_reference/quin_ref_01a.jpg

    thanks,

    ~PXLC

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi.

    You can work around this by adding a negative margin property to the image via CSS.

    To do this you’d firstly have to add a class to the surrounding tags of the image and then add a margin-bottom to this class.

    HTML

    <a href="https://www.sherwin-williams.com/" class="example" target="_New">
	<img src="https://www.quinones-inc.com/img/quinones_footer_WORK_01a.png" height="47" width="1000" alt="" border="0">
</a>

    CSS

    .example{
margin-bottom: -7px;
}
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Yikes! Negative margins!

    If you’re scared of negative margins like me, you can just float this anchor tag left;

    <a href="https://www.sherwin-williams.com/" class="example" target="_New">
	<img src="https://www.quinones-inc.com/img/quinones_footer_WORK_01a.png" height="47" width="1000" alt="" border="0">
</a>

    Thread Starter pixelcraft

    (@pixelcraft)

    thanks for the advice, I’ll try this out and update the topic in the next couple of days.

    ~PXLC

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘remove a space at bottom of footer’ is closed to new replies.