The Hex Colour Appears Differently

• 

  satsumi · Member · Dec 26, 2014 at 11:57 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  I’m trying to customise the text colour of the ‘Truly Minimal’ theme by inputing the Hex colour code. The circle above the colour picker displays the colour I want correctly but the actual text in the blog is darker.

  It appears as though you can’t use any lighter colours in the blog appearance.
  I’m trying to match the font to my header image and would like to use the colour #f1ae8f

  I have spent days looking for a solution to my problem so any help is much appreciated!

  Kind regards,
  Sara

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

• 

  jeremeylduvall · Member · Dec 29, 2014 at 6:45 pm

  • Copy link

  Hi Sara!

  Putting this code under Appearance -> Customize -> CSS should do the trick:

  p {
  	color: #f1ae8b;
  }

  That will change the paragraph text color to the hex code you mention. Can you give that a try?

• 

  satsumi · Member · Jan 1, 2015 at 11:14 am

  • Copy link

  Hi Jeremy,

  Thank you so much for your help.

  That worked perfectly to change the paragraph text color but how do I change the nav bar/ header colors?

  Thanks again!

  Sara

• 

  staff-happychia · Staff · Jan 1, 2015 at 12:33 pm

  • Copy link

  Modify the style Jeremy gave you to the following so you have the same color for your paragraph text and the menu items.

  p, #site-navigation > div.menu > ul > li > a {
  color: #f1ae8b;
  }

  You might want to add the following style if you wish to color the currently selected menu item differently. Change green to whatever color you wish.

  #site-navigation > div.menu > ul > li.current_page_item > a {
  color: green;
  }`

• 

  staff-happychia · Staff · Jan 1, 2015 at 12:34 pm

  • Copy link

  Oops, missed the formatting for the second style.

  #site-navigation > div.menu > ul > li.current_page_item > a {
  color: green;
  }

• 

  satsumi · Member · Jan 1, 2015 at 12:53 pm

  • Copy link

  Hello!

  Thank you so much! It has worked. Yay!

  Sara

• 

  jeremeylduvall · Member · Jan 3, 2015 at 3:43 pm

  • Copy link

  Thanks staff-happychia!