Change hypertext (links) font color?

  • Resolved Toni

    (@tools4toni)


    8 years, 10 months ago

    Seems simple, but I’m not able to change the hypertext font color:

    I used a child theme first with no luck. So I found this (below) in the parent style sheet and stuck my color number in #e5481f to test it…maybe it’s the wrong place? It is the first place I saw a place to designate color with ‘a’ tag.

    a {
   color: #e5481f;
  text-decoration: none; }
  a:hover, a:focus {
    color: #2a6496;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

    Where ever the hypertext it is blue, everywhere, I want to change that (for now, to #e5481f). Sidebar text menu, post tags list, post categories list, read more, links in the content, etc.

    https://toni-esl.com/quiz/

    Thank you

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

  • Use a Custom CSS plugin for any changes, as when the main theme updates, all the changes you may have made to the main theme will be lost.

    After installing the plugin, paste this code in it: 

    .basic a {
    color: #e5481f;
}

    There may be other links that this does not cover, but they can be added to this when you find them.

    Thread Starter Toni

    (@tools4toni)

    Great! Thanks for the plugin too. I can use the Custom CSS for small changes without creating a child theme and rebuilding for one change, excellent!

    Update: Perfect! Hyperlinks look fine so far.

    I couldn’t figure out the plugin using a MultiSite – I didn’t see the GUI (I’ll figure it out later today). So I used a child theme.

    For future use: Does the “.basic a” generally work for WordPress theme hyperlinks?

    thanks!

    For future use: Does the “.basic a” generally work for WordPress theme hyperlinks?

    No, this is specific to your theme only.
    All links are structured from whatever theme is in use, not from WordPress.

    Thread Starter Toni

    (@tools4toni)

    Thank you for the info. I had no idea and would have wasted a lot of time. I learned CSS back when it first came out into wide use, eons ago. It was very basic and standard back then.

    How did you find it for the specific theme? What did you look for?

    Then I am done asking questions, promise!

    Go to your site: https://toni-esl.com/quiz/
    If on Firefox, do Control+U and you will see your source code for your page. (…right-click on the page and choose “View Page Source” does the same)
    In the code you can see the links to your theme css and some of the plugins your are using, plus many other things.

    Also, I use Firefox dev tools – Tools > Web Developer > Toggle Tools

    Thread Starter Toni

    (@tools4toni)

    Thanks!!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Change hypertext (links) font color?’ is closed to new replies.