Stylesheet coding – add color to fonts in anchor link text

  • Resolved bizzyenuf

    (@bizzyenuf)


    15 years, 11 months ago

    Hi – help please:
    I am not a css coding wizard, but do know enough to understand basic css. But this stylesheet is beyond me so … help ??

    Would like to change font color of content anchor link text to #066000 ala gawariel.com example. I DO want to keep coding for an underlined anchor text.

    The changes I’ve tried just don’t work, and also affect Title in content so obviously I don’t know what I am doing. (I believe I’ve got to make changes in more than just one spot in stylesheet??)

    I know this isn’t rocket science for most of you, but like I said … css isn’t my forte.

    Is anyone willing to provide code changes I need?

    BTW … I love this theme, Michael.

    Thanks!

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

  • Is your site gawariel.com? If not, can you provide a url?

    Thread Starter bizzyenuf

    (@bizzyenuf)

    Hi esmi:
    Thanks for offer to help.

    Oh gee … no my site isn’t gawareil’s. He did a very nice modification.

    But I did upload and try out rubayathasan.com E-G MOD V1.3 because I would love to have many of the modifications he made. Such as the colored and underlined link text. Also would very much like to have a wider content are; less wasted space; header space decreased.

    But my biggest problem with his version was all my images turned into 1/4-inch wide slits. (I have zero problems w/IE7 messing with the image frames as he has posted. And I like the way they appear in Michael’s version.)

    So … I uninstalled and reinstalled Michael’s version and then gave up. Came here to try and get a simple anchor text fix for now.

    My URL – https://the-artistic-garden.com/blog/

    Thanks ??

    Looks pretty straightforward to me.

    style.css (line 61)

    a {
color:#5F5F5F;
}

    Change to

    a {
color:#066000;
}
    Thread Starter bizzyenuf

    (@bizzyenuf)

    Thanks esmi – have implemented and works fine.

    Guess my problem resulted from trying to add in the mouse-over color change (like gawariel.com). That’s where I got hung up – the mouse-over code I was adding along with line 61 code was affecting each post title and changed it’s color upon mouse over.

    That’s when I realized a mouse-over command wasn’t as easy to do as I thought. Or I wasn’t using the correct words/command??

    I was somewhat frazzled after an hour or so of trying variations and guess the simplistic approach of just changing anchor text color left my brain :p

    TY again.

    To get that mouseover color change, just use:

    a:hover {color: #5f5f5f;}

    To stop it affected the post titles, add{

    h2 a:hover {color:#3B3B3B;}

    immediately after.

    Thread Starter bizzyenuf

    (@bizzyenuf)

    TY esmi so much — the h2 snippet was what I was missing.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Stylesheet coding – add color to fonts in anchor link text’ is closed to new replies.