Sela Theme & Changing Nav Menu Colours

• 

  miramichireader · Member · May 10, 2019 at 3:23 pm

  • Copy link
  • Add topic to favorites

  I am using the Sela theme and I would like to change the colour scheme of the primary navigation menu, including background, text colour and so on. Should I copy and paste from style.css and edit it in Custom CSS? If so, which section should I copy?

  Thanks,
  James
  http://www.MiramichiReader.ca

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

• 

  torres126 · Member · May 12, 2019 at 5:52 am

  • Copy link

  Hi there,

  Should I copy and paste from style.css and edit it in Custom CSS?

  You should post CSS in the Custom CSS section in the Customizer. If you post it in style.css, it’ll be removed the next time your theme is updated. There’s a couple more reasoning here: https://codex.wordpress.org/CSS

  I would like to change the colour scheme of the primary navigation menu, including background, text colour and so on.

  This is definitely doable! You can use this CSS to change the background colour.

  .main-navigation {
  background: #7c589f;
  }

  Or this CSS to change the link colour.

  .main-navigation a {
  color: #e5deea;
  }

  And this CSS for the currently selected link:

  .main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a, .main-navigation li.current_page_ancestor > a, .main-navigation li.current-menu-ancestor > a {
  color: #e5deea;
  }

  Feel free to replace the colours with your own. But please also bare in mind that your site is hosted with GoDaddy, so it’ll generally be better to post on the self-hosted forums at https://wordpress.org/support/theme/sela/ in future!

  Let us know if you have any further questions! :)

• 

  miramichireader · Member · May 12, 2019 at 4:47 pm

  • Copy link

  Thank you so much! I didn’t realize I was posting on the WordPress hosted site; my apologies, and thanks for the code.