Changing backgroun color

• 

  artusartos · Member · Jan 14, 2018 at 11:48 am

  • Copy link
  • Add topic to favorites

  I really like the theme that I’m using, but I feel like the white background is hurting my eyes. I would like to change the color to #FDF3E7 instead, if possible. Could anybody help me with that?

  Thank you in advance

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

• 

  theakshaydhiman · Member · Jan 14, 2018 at 12:01 pm

  • Copy link

  Hi, add this code to your custom CSS section in theme customizer:

  .site-content {
  background-color: #FDF3E7;
  }

  Hope this helps.

• 

  artusartos · Member · Jan 14, 2018 at 12:21 pm

  • Copy link

  @theakshaydhiman Thanks a lot. Is there a way to also change the color of the menu bar to the same color?

• 

  theakshaydhiman · Member · Jan 14, 2018 at 1:42 pm

  • Copy link

  Happy to help :)

  Yes, you can change the color of the menu bar (navigation bar) by adding this code:

  #site-navigation .main-navigation {
  background-color: #FDF3E7;
  }

  Let me know if it works.

• 

  artusartos · Member · Jan 14, 2018 at 3:43 pm

  • Copy link

  @theakshaydhiman Thanks but for some reason, it doesn’t seem to work.

• 

  theakshaydhiman · Member · Jan 14, 2018 at 4:10 pm

  • Copy link

  Please replace the previous code and add this instead:

  .main-navigation {
  background-color: #FDF3E7 !important;
  }

  Let me know if it works.

• 

  artusartos · Member · Jan 14, 2018 at 6:54 pm

  • Copy link

  @theakshaydhiman

  Thanks a lot. That does work :).

• 

  theakshaydhiman · Member · Jan 15, 2018 at 9:04 am

  • Copy link

  Glad it worked :)