changing color link

• 

  gotmaester · Member · Nov 27, 2017 at 6:05 pm

  • Copy link
  • Add topic to favorites

  Hi, everyone. I need help with changing the link color for all areas associated with it (visited, hover, in widgets, etc). There has to be some selector which can change everything globally.

  Currently the link color is set to #ff706c. What can I do if I want to change it to, for example, #ea534f.

  Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  staff-frank · Staff · Nov 27, 2017 at 7:12 pm

  • Copy link

  Hi there,

  The global selector is a. For example:

  a {
      color: #ff706c;
  }

  However, the element-specific selectors (e.g. .main-navigation a) override the global selectors. So, you still have to change the specific selectors.

  Try adding the following to your custom CSS.

  .site-title a, .main-navigation a, .widget-area .widget a, .entry-title a, .entry-meta a, .featured-image a, a.more-link, .paging-navigation a, .post-navigation a {
      color: #ea534f;
  }

• 

  gotmaester · Member · Nov 27, 2017 at 7:48 pm

  • Copy link

  Thanks, that works. I decided though to keep the following links as white:

  .site-title a,
  .main-navigation a,

  And this one as black:

  .entry-title a,

• 

  gotmaester · Member · Nov 27, 2017 at 7:54 pm

  • Copy link

  Oops, and for the purposes of my own notes (archive), I decided to keep this one as white, too:

  .post-navigation a

  Thanks again @ thabotswana2013. Your help is greatly appreciated.

• 

  staff-frank · Staff · Nov 27, 2017 at 7:58 pm

  • Copy link

  You’re welcome :-) I’m glad I could help.