WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Making link underline go away (8 posts)

  1. mollyblog
    Member
    Posted 6 years ago #

    I'm trying to lose the dotted underline that appears under the linked images in my sidebar. I've tried various things but nothings working.

    The blog is at http://www.mockutv.com/blog

    Thanks for your help

  2. ergate
    Member
    Posted 6 years ago #

    Try this,
    in your css look for

    /* Column Three */
    
    #sidebar2 {
    	float: left;
    	width: 170px;
    	padding: 5px;
    	font-size:0.9em;
    	margin:5px;
    }
    #main .sidecol
    {
    	border-left:#ccc 1px dotted;
    }

    remove dotted with whatever you wish.

  3. mollyblog
    Member
    Posted 6 years ago #

    Did that, and there's still a dotted line underneath. I emptied the cache, just in case, and still.

    I tried removing the line, changing dotted to "none", and am still seeing the lines.

    Any other suggestions?

  4. ulysses69
    Member
    Posted 6 years ago #

    All of your anchor tags have a dotted underline in the following file:
    http://mockutv.com/blog/wp-content/themes/seashore/style.css

    In order to remove this effect from just your images, you either need to add an inline style to each anchor tag that contains an image, like so:
    <img src="">

    or add this to each anchor tag that wraps an image:
    class="img"

    and then add this to your style.css file:
    a.img:link, a.img:visited {
    text-decoration:none;
    border:none;
    }

  5. ergate
    Member
    Posted 6 years ago #

    I noticed there are two other instances of dotted in your css. One of the is relates to links and one of them is for comments and the other is for <a>, give the <a> try.

    It is up at the top in the /* Elements */ section

    a:link, a:visited {
    	color: #585d8b;
    	text-decoration:none;
    	border-bottom:#c96 1px dotted;

    Bear in mind, that removing this section will probably remove the dotted line under the links from within the posts and throughout other areas of the blog. But if removing this does remove what you want and also removes what you dont want it gives you a place to start tighting up the css to be more specific to what you want it to do.

  6. mollyblog
    Member
    Posted 6 years ago #

    It still has the dotted line. I removed the entire section that you mentioned, I also tried changing the border-bottom:#c96 1px dotted; to border-bottom:none; That didn't work. And I tried doing that with the a img section as well. no dice.

    Any other ideas? I definitely appreciate your help!

    Thanks!

  7. ergate
    Member
    Posted 6 years ago #

    You might want to clear your cache. I just checked your site and there is no dotted line, I think you fixed it!

  8. mollyblog
    Member
    Posted 6 years ago #

    It appears I did!! Thanks SO MUCH for your help! Greatly appreciated!!!!

Topic Closed

This topic has been closed to new replies.

About this Topic