Customize theme palette

• 

  jimmypasta · Member · Feb 15, 2017 at 11:52 pm

  • Copy link
  • Add topic to favorites

  Hello. I’d like to use CSS to customise the colour palette for Dara theme – especially the colour of the main navigation menu bar, the background of the social media icons, and text links. Help appreciated. Thanks

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

• 

  staff-loquaciousloon · Staff · Feb 16, 2017 at 10:28 pm

  • Copy link

  Hi @jimmypasta!

  You can use the following CSS to change some of the colors you’ve mentioned:

  /*Navigation background color*/
  .main-navigation {
      background-color: #05173f;
  }

  Replace #05173f with your own HTML color code (you’ll do this for the other items as well.

  /*Social media background color*/
  .jetpack-social-navigation ul li {
      background: #f20017;
  }

  /*Link color*/
  a {
      color: #f20017;
  }

  Those should do the trick, let me know how it goes