Change link color

• 

  emblerelsa · Member · Nov 4, 2016 at 10:18 pm

  • Copy link
  • Add topic to favorites

  I can’t find how to change the color of links/buttons on the page

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

• 

  wiretreetoronto · Member · Nov 5, 2016 at 6:02 am

  • Copy link

  There are 2 easy ways to change the color of hyperlinks using CSS code. The first way is on-the-fly with Inline CSS by adding the style attribute directly into the hyperlink code, inserting a color property into the style attribute then giving the color property a color value. Hyperlink colors can also be changed easily with external CSS.

  Inline CSS Hyperlink Color Code

  Replace the href attribute value and the color property value (#CC0000) with your own. See hex color chart and color names chart to get more colors.
  Code

  change hyperlink color

  External CSS Examples

  Code

  a {
  color: #CC0000;
  }

  a:link {
  color: #CC0000;
  }
  a:visited {
  color: #999999;
  }
  a:hover {
  color: #FF3300;
  }

  div#my_container a {
  color: #CC0000;
  }

  p.my_class a {
  color: #CC0000;
  }

  ul.my_list a {
  color: #CC0000;
  }

  I hope this helps solve your problem.

• 

  wiretreetoronto · Member · Nov 5, 2016 at 6:20 am

  • Copy link

  Hey,

  I am writing the Inline CSS code again as it hyperlinked the text itself.
  Here you go:

  // change hyperlink color

• 

  wiretreetoronto · Member · Nov 5, 2016 at 6:21 am

  • Copy link

  ""<a href="change-hyperlink-color.php" style="color: #CC0000">change hyperlink color</a>""

• 

  siobhyb · Member · Nov 7, 2016 at 12:59 pm

  • Copy link

  Thank you for pitching in @wiretreetoronto. :)

  @emblerelsa: In addition to custom CSS, you can also choose from a selection of free colour palette via the Colours & Backgrounds panel of the WordPress.com Customizer.

  Château (the theme you currently have active) only allows for the background colour to be changed but other, newer themes have more free options available.

  If you let us know a little about the feature you’re looking for in a theme and what your site’s going to be about, we could offer some suggestions from our repository.

  More advanced Custom Design options are included as part of the WordPress.com Premium and Business plans, including the option of adding custom CSS..

  Hope that information helps! We’re right here if you have extra questions.