Link and Hover color

  • Resolved cari.h.cayton

    (@carihcayton)


    10 years, 10 months ago

    I found the snippet for changing the theme color…but when I try to achieve my desired color it throws off a lot of the custom CSS I’ve already done.

    The only thing I actually would like to alter is the color of links (and possibly the hover). Is there any CSS to just change the link without trying to change the entire color scheme?

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter cari.h.cayton

    (@carihcayton)

    I was able to find the a link color in the theme color and just changed that ??

    This is an example of what to add to CustomCSS or Child Theme style.css:

    a                   {
color:              #0088cc ;   /* Blue        */
font-weight:        bold;
text-decoration:    none ;
padding:            0px 5px;
}
a:hover             {
color:              #0088cc ;   /* Link Blue */
font-weight:        bold;
text-decoration:    underline ;
}

    How can I get the color to be blue (I might make mine orange actually) as-is, not just when hovered over? I want my links to stand out.
    In WordPress, when I’m editing the links show blue, but when published they are just a bolder font and don’t turn until hovered over.
    a href=”https://itsarubberduckieworld.com/word-new-year-rose-colored-glasses/”>
    The first two words, “Meg Cox”, are a link but you’d never know it.
    (And yes, I know there are still other things to work on…)

    Here’s the code you’re using before you hover:

    a {
  color: #5A5A5A;
  text-decoration: none;
}

    Needs a bit of work! That color should be blue, maybe add a bold font-weight?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Link and Hover color’ is closed to new replies.