Changing 'Sketch' theme headers header text colours with Custom CSS

• 

  oddlyactive · Member · Dec 12, 2018 at 6:59 pm

  • Copy link
  • Add topic to favorites

  Hi –
  I’ve been trying to change theme text element colours to match logo elements using CSS Customiser but can’t get it to ‘take’ with either the site title or the blog headers in the blog ‘roll’ / archive (our news page). I have managed to change the colours in these elements by copy / pasting from chrome’s inspector, but as soon as I close the CSS editor they revert to the default black. Other changes to the site title (bold font, lowercase letters etc) work fine and changes to (i.e.) page text headings and individual blog (news) posts have ‘taken’ too, but the blog (news) roll and site name always revert to black. Any suggestions for code greatly appreciated.

  Thanks

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

• 

  khushbudesaiblog · Member · Dec 13, 2018 at 6:44 am

  • Copy link

  Hi

  For Blog(News) Title, following CSS should work
  .entry-title a {
  color: #0190bd !important;
  }

  Page looks like https://imgur.com/a/C3W3x2P

• 

  khushbudesaiblog · Member · Dec 13, 2018 at 8:44 am

  • Copy link

  Hi there,

  Below code should work for site title as well:

  .site-title a {
  color:#0190bd !important;
  }

  Hope this is what you are looking for.

• 

  gemmacevans · Member · Dec 13, 2018 at 11:10 am

  • Copy link

  Hi oddlyactive,

  If you need any further help or have questions about the CSS @khushbudesaiblog provided, you are welcome to start a chat :)

  
  @khushbudesaiblog — thanks for your help!

• 

  oddlyactive · Member · Jan 21, 2019 at 11:50 am

  • Copy link

  Hello – thanks for above! For some reason I didn’t get e-mail notifications that I’d received any reply to this, so apologies for apparent rudeness. I just looked in on the off-chance when posting another question in forum and realised notification problem. I will try your suggestions and let you know if they worked, and thanks again for responding @khushbudesaiblog

• 

  oddlyactive · Member · Jan 21, 2019 at 12:11 pm

  • Copy link

  Hi again :) Have tried both above and site name colour now seems fixed, but the blog roll fix hasn’t taken. The individual blog posts show the correct colour if you click through, but the ‘rolling’ blog showing extracts ( the landing page when ‘news’ is accessed from the main menu) still shows the post title in black… Sooooo frustrating when everything else matches! Thanks again with help so far :)

  https://2fsdesign.com/latest-news-from-2fs-design/

• 

  gemmacevans · Member · Jan 21, 2019 at 2:37 pm

  • Copy link

  Hi oddlyactive,

  the ‘rolling’ blog showing extracts ( the landing page when ‘news’ is accessed from the main menu) still shows the post title in black…

  I see the problem — a . is missing from the selector. So you have:

  entry-title a {
  	color: #0190bd !important;
  }
  

  But you need to have:

  .entry-title a {
  	color: #0190bd !important;
  }

  If you add a . in front of entry-title a, that should do the trick :)

• 

  oddlyactive · Member · Jan 21, 2019 at 2:47 pm

  • Copy link

  Sorted! Thank you. :D

• 

  gemmacevans · Member · Jan 21, 2019 at 2:51 pm

  • Copy link

  Great to hear, thanks for letting me know!