• Resolved MDBlogs

    (@mdblogs)


    This is probably very easy to do, but I just don’t know where to find it.

    I love my theme, except for the way it treats links (by merely underlining them). I’d like to experiment with changing the way the link is indicated in the post. To do that

    a) where do I find the code to change?
    b) how is written to code for underlining?
    and
    c) how would I change that to not be underlined but instead to be a different color.

    (I know how to find color codes, I just don’t know where in the code pages I find the trigger for the appearance of my links.)

    thanks, as always, to anyone who can point me the right direction.

    md

Viewing 8 replies - 1 through 8 (of 8 total)
  • style.css

    You’d be looking for or creating something along these lines…

    .post a,.post a:link,.post a:visited {
      color:#f00;
      text-decoration:underline;
    }
    .post a:hover,.post a:active {
      color:#fff;
      text-decoration:none;
    }

    Or possibly..

    .entry a,.entry a:link,.entry a:visited {
      color:#f00;
      text-decoration:underline;
    }
    .entry a:hover,.entry a:active {
      color:#fff;
      text-decoration:none;
    }

    Depending on what class your theme relies on.

    Adjust color and text-decoration as required..

    http://www.w3schools.com/css/css_colornames.asp
    http://www.w3schools.com/Css/pr_text_text-decoration.asp

    Thread Starter MDBlogs

    (@mdblogs)

    Thanks for your prompt and helpful reply.

    You’re welcome. 😉

    Thread Starter MDBlogs

    (@mdblogs)

    Oops, not quite solved after all.
    Not sure if you are still plugged into my challenge, or if I need to create a new post.

    I have scrolled through the style sheet at least a dozen times without finding any kind of code that looked like what you’ve indicated above.

    The only thing that is written that even uses the word link is:

    .more-link {
    clear: both;
    display: block;
    margin-top: 30px;
    margin-left: 20px;
    font-size: 0.9em;
    color: #88897b;
    background: url(images/more-link.png) no-repeat left center;
    padding-left: 30px;

    And I think this has to do with expanding posts or going to other posts, rather than linking to a URL. Where else might I find it, any ideas?

    Right now, when I make a link in a post, it is underlined, in the same color as the rest of the text.

    Thanks if you can keep helping!

    md

    Like i said before, if it’s not there already, then add it into the stylesheet, try each one of the examples i gave.

    If neither work please provide a link to your page..

    Thread Starter MDBlogs

    (@mdblogs)

    Thanks. It did work: the links changed color. The links are still underlined, but they are a different color.

    Oddly, it also changed the color of the header for the post and added an underline. I’m not wild about that look. So now I have two more questions:

    1) How do I keep the Post title from changing color and having the underscore?

    2) Is it possible to remove the underline so that the link is just a different color test?

    You’ve been so responsive, I’m really thankful.

    md

    Thread Starter MDBlogs

    (@mdblogs)

    I tried the second suggestion you made, and this solved the problem with the post headlines changing. So try both before writing, yes, I know.

    Still not sure how to remove the underscore within the text, but I’ll try to sort it out. Thanks again for your good suggestion.

    *, *:link, a, a:link {text-decoration:none}

    Should grab most links and remove the underline…

    Then just set the underline when you need it…

    EXAMPLE:
    .mycssclass a {text-decoration:underline}

    etc etc…

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘changing appearance of links within a post’ is closed to new replies.