Changing hyperlinks color with Triton Lite

• 

  embestocolmo · Member · Nov 20, 2014 at 12:19 pm

  • Copy link
  • Add topic to favorites

  I would like to change the color of my hyperlinks with CSS.

  Thanks!

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

• 

  designsimply · Member · Nov 20, 2014 at 4:51 pm

  • Copy link

  Different themes can define colors for links using a variety of different CSS selectors. Which ones you need to use will depend on how your theme is setup and exactly which links you want to change.

  When working with CSS, it helps a lot to look at a specific example.

  Here is a recent post from your blog:
  http://spanskultur.com/2014/11/18/stockholm-based-curator-marti-manen-has-been-chosen-to-curate-the-spanish-pavillion-in-the-biennale/

  In the text there, I see that the word “Manen” is a link.

  To turn that link and the related posts links and the previous post link at the bottom yellow, you can add something like this to your Appearance > Customize > CSS editor:

  .post-content a {
  	color: yellow;
  }

  The Triton Lite theme also uses this selector list, which will change a lot more of the links:

  a,
  .post-wrap a,
  .by-author a,
  #posts .post-content .post-foot a {
  	color: yellow;
  }

  Change “yellow” to a color code of your choice.

• 

  embestocolmo · Member · Nov 21, 2014 at 8:56 am

  • Copy link

  thanks!

• 

  designsimply · Member · Nov 21, 2014 at 3:44 pm

  • Copy link

  You’re welcome. :)