How to Change Color of More-Link

  • Hi.
    The site I’m working on isn’t live yet.

    I’d like to change the color of the “Read More” text at the end of each article/page preview as well as every clickable link everywhere on my site. I’d also like to change the hover color. I tried using:

    .more-link {color: #ffc72c;}

    I also tried:

    .more-link {color: #ffc72c !important;}

    but neither seem to have an effect.

    I’m wondering if I’ve put the CSS in the wrong order in the Appearance>>Editor>>Child Theme Karuna (sorry I’m still learning CSS).

    Thank you in advance!

Viewing 4 replies - 1 through 4 (of 4 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi there, let’s start with this and see how this works for you.

    a, .entry-title a, .entry-meta a, .entry-footer a, .main-navigation a {
  color: #ffc72c !important;
}
.main-navigation a:hover, .entry-title a:hover,.entry-title a:focus, a:hover,a:focus,a:active, .comment-navigation a:hover,.comment-navigation a:visited:hover,.posts-navigation a:hover,.posts-navigation a:visited:hover,.post-navigation a:hover,.post-navigation a:visited:hover, button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus,.button:active,.button:focus {
  color: blue;
}
    Thread Starter petitegrimpeuse

    (@petitegrimpeuse)

    Hi sacredpath. Thanks for your reply. I’ve sorted that problem!

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hooray and you are welcome!

    Using Karuna and can’t seem to find anything on how to change the main menu on the mobile version of the theme. It’s violet and the hover color is lime greet, both quite fluorescent and not really suitable for my earth tone site.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to Change Color of More-Link’ is closed to new replies.

Tags