Custom CSS for Hover Links

  • Resolved jonelp

    (@jonelp)


    11 years ago

    I’d like to add some css so when someone hovers over the links (in the footer), the text will change colour. What is the best custom CSS for this and where do I place it? In the footer.php or what?

    Sidenote: Newbie at CSS so please bare that in mind, thank you! Fast responses much appreciated!

Viewing 12 replies - 1 through 12 (of 12 total)
  • CypressWebs

    (@jmeyer2485)

    11 years ago

    What is your site URL?

    Thread Starter jonelp

    (@jonelp)

    11 years ago

    bhmfasionweek.com

    Also, would you know how I can do the same for other links in the website in general?

    CypressWebs

    (@jmeyer2485)

    11 years ago

    Your site doesn’t load

    Thread Starter jonelp

    (@jonelp)

    11 years ago

    Oh sorry, my fault. Typo. Try this

    bhmfashionweek.com

    CypressWebs

    (@jmeyer2485)

    11 years ago

    Do you want all links to change color the same or all different.

    Also please give an example what link(s) in your footer you want changed.

    Thanks

    Thread Starter jonelp

    (@jonelp)

    11 years ago

    The link colour can be the same colour throughout. At least for now anyway 🙂

    In the footer, I’d like to a hover colour change over the first mention of ‘Elpromotions’ and ‘Terms & Conditions’.

    CypressWebs

    (@jmeyer2485)

    11 years ago

    In your Child Theme or CSS Editor Plugin try this code:

    body a:hover {
  color: #009900;
}

    Just edit the #009900 color I gave it.

    *Note
    If your theme has a custom CSS Editor in it, you can also paste the code in there.

    Never edit core CSS or PHP files, they’ll be deleted when the theme is updated.

    Thread Starter jonelp

    (@jonelp)

    11 years ago

    Fantastic!! Works like a charm! Thank you so much for your help!! 😀

    Additional question: Is there a way to hover-underline the links in the footer too?

    CypressWebs

    (@jmeyer2485)

    11 years ago

    I not see your hover link color change at all.

    Thread Starter jonelp

    (@jonelp)

    11 years ago

    Oh it has worked, I’ve just changed the colours to slight different shades of grey. I can always adjust them whenever though.

    CypressWebs

    (@jmeyer2485)

    11 years ago

    Oh, ok yes you can.. plus you have a cache plugin so it might not appear to users right away

    Thread Starter jonelp

    (@jonelp)

    11 years ago

    Okay, thank you again for all your help!

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

The topic ‘Custom CSS for Hover Links’ is closed to new replies.

  • 12 replies
  • 2 participants
  • Last reply from: jonelp
  • Last activity: 11 years ago
  • Status: resolved