[resolved] Remove underline from image links (4 posts)

  1. Steve Moore
    Posted 6 years ago #

    I know this question has been asked a lot and I have been searching through all posts, and the internet to get my problem fixed but nothing is working, as of yet.

    I am using the "arbitrary text or html widget" to display my logo in the sidebar, and the image has a hover effect, and a border-bottom underline.

    I found in the style sheet where to modify that, but that of course changes the style of all of the links. I just want the style of the image links to not have an underline or a hover effect.

    Here is a link to my site.


    The image links also have a border but I took care of that using border="0" in the widget.

    Here is how the links are styled in my style sheet:

    'a {
    color: #535353;
    text-decoration: none;
    border-bottom: #535353 1px dotted;

    a:hover {
    background-color: #dadada;

    I even found a solution that said to look for the text widget style in the style sheet and delete the border-bottom, but my style sheet doesn't have that.

    Sorry about the long post. Hopefully the more information the better.



  2. Steve Moore
    Posted 6 years ago #

  3. AxelYa
    Posted 6 years ago #

    try to add .textwidget a{border:none}

  4. Steve Moore
    Posted 6 years ago #

    Fixed. Thanks.

Topic Closed

This topic has been closed to new replies.

About this Topic