Forums

Want to Remove a:hover bottom border from Header Image (3 posts)

  1. comehomenow
    Member
    Posted 1 year ago #

    Hey WordPress,

    I've searched far and wide for this issue and I haven't been able to find out. Hope you all can help!

    I am using WP Andres theme for wordpress 2.9.2. I recently changed the a:hover in my style.css so that the background color changes to orange. At first, there was an orange bottom border showing up whenever I hovered over sidebar images, but I removed it with these codes (not sure which one exactly did the trick, but it was probably a combo of both):

    a img {border:0px;margin-bottom: -4px;}
    a:hover img {border:0px; border-bottom:0px; background:none; background-color:#ffffff;}

    However, those codes did not seem to help the orange bottom border I see when I hover over my header image (header image is set to link to homepage).

    I tried this and other similar coding, thinking it would resolve the issue:

    #frontphoto a {margin-bottom: -4px; border:0px;padding:0px;}

    Unfortunately, it didn't.

    Any help with this would be very appreciated. It's driving me nuts!

    Thanks,
    Liz

    PS: Here's the link - http://www.mypoproks.com

  2. alchymyth
    The Sweeper
    Posted 1 year ago #

    slightly changing this line to what it is below could help:

    a #frontphoto {margin-bottom: -4px; border:0px;padding:0px;}

  3. comehomenow
    Member
    Posted 1 year ago #

    WOW! That was easy! Thank you Alchymyth!

Topic Closed

This topic has been closed to new replies.

About this Topic