SELA THEME – Change Menu Color

• 

  divanameddom · Member · Mar 12, 2018 at 1:43 am

  • Copy link
  • Add topic to favorites

  Hello,

  I would like my menu bars changed to #F39AAE to match my logo but I cannot for the life of me figure out how. My plan is premium. Please help.

  Thank you!
  Dom

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

• 

  shubhamgmath · Member · Mar 12, 2018 at 1:56 am

  • Copy link

  Hi

  I would like my menu bars changed to #F39AAE to match my logo but I cannot for the life of me figure out how. My plan is premium. Please help.

  To change the color of menu bar you need to add custom CSS code to your site.

  .main-navigation, button {
      background-color: #F39AAE;
  }

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

  Hope this helps.

• 

  divanameddom · Member · Mar 12, 2018 at 2:14 am

  • Copy link

  It worked! Thank you! How do I update the buttons and widgets with the same color?

  Thank you for providing me with this CSS guide! I am reading and learning a lot. Is there a place where I can find the code written for my specific theme and edit from there instead of writing my own code from scratch?

  Dom

• 

  divanameddom · Member · Mar 12, 2018 at 2:19 am

  • Copy link

  Wait! I actually found it on another post! I used:
  button, input[type=”button”], input[type=”reset”], input[type=”submit”] {
  background: #F39AAE;
  }

  Can you please give help me with the code to change my “SHOW OLDER POSTS” button? Thanks!

  Dom

• 

  shubhamgmath · Member · Mar 12, 2018 at 2:28 am

  • Copy link

  Hi

  Can you please give help me with the code to change my “SHOW OLDER POSTS” button? Thanks!

  Please add the code given below to make that work:

  div#infinite-handle span {
      background-color: #F39AAE !important;
  }

  Hope this helps. Let me know if you need help with anything else.