How to do specific links another link color than others

  • Im using the Twenty Eleven theme at it has a “link color” option at the theme options. This works fine, but how can I do a specific CSS styling another link color?

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

  • you can try using WordPress editor fromAppearance >> Editor

    Let us know if that works:)

    use either the stylesheet of a child theme (edit it via appearance – editor – style.css) or a custom CSS plugin;
    you will need to find a specific CSS selector for those links, and you might in extreme need to use !important with the new style.

    what links in particular are you targeting?

    Thread Starter Sophiamolino

    (@sophiamolino)

    Oh thanks but I know how CSS works, I am modifying the child theme constantly. I actually means how the coding is.

    So let’s say all link colors are red through the theme options. Now I want a specific CSS group to color yellow. What coding do I need for this, for that CSS group?

    Something like “link-color: yellow;” but it’s obviously not this..

    Hope someone can help me ??

    https://www.w3schools.com/css/css_link.asp
    https://www.w3schools.com/cssref/pr_text_color.asp

    say you want to change the color of the ‘continue reading’ links and the color of the ‘posted on’ and ‘posted in’ links, with different hover colors, then this might be an example:

    a.more-link { color: green; }
a.more-link:hover { color: blue; }
.entry-meta a { color: red; }
.entry-meta a:hover { color: orange; }
    Thread Starter Sophiamolino

    (@sophiamolino)

    Ahhh thanks, that worked out!!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to do specific links another link color than others’ is closed to new replies.