background color change in the Shoreditch theme

• 

  npotolov · Member · Mar 8, 2018 at 2:17 am

  • Copy link
  • Add topic to favorites

  I’m trying to change background color in Shoreditch theme, everything looks fine in customizer, but when published, the top part remains unchanged, white as by default.
  I’ll appreciate any help, thanks

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

• 

  shubhamgmath · Member · Mar 8, 2018 at 2:30 am

  • Copy link

  Hi npotolov

  I’m trying to change background color in Shoreditch theme, everything looks fine in customizer, but when published, the top part remains unchanged, white as by default.

  – The background of the header part is not changing because site header has been assigned the background color as white.

  So to change that we need to add some custom css code. Code that you need to paste is :

  .site-header {
      background: #011262 !important;
  }

  To know more about how to add custom css please refer the support document for that:
  https://en.support.wordpress.com/custom-design/editing-css/

  Additionally, CustomCSS can only be added under premium or business plans to know more about pricing and features of the plans please go through the support link for that :
  https://wordpress.com/pricing/

  hope this helps

• 

  npotolov · Member · Mar 8, 2018 at 3:34 am

  • Copy link

  Hi shubhamgmath, thanks for your reply.

  And can menu font color be changed through css code editing?

• 

  shubhamgmath · Member · Mar 8, 2018 at 3:42 am

  • Copy link

  Hi there

  And can menu font color be changed through css code editing?

  – to change the menu color please add the code below:

  ul#menu-menu li a {
      color: red;
  }

  Hope this helps.

• 

  npotolov · Member · Mar 12, 2018 at 7:25 pm

  • Copy link

  Thanks a lot, shubhamgmath, it really works.

• 

  shubhamgmath · Member · Mar 13, 2018 at 11:18 am

  • Copy link

  You’re Welcome. Happy to help :)