Change color of Search button, sub-menus (background color) and Icons

Shapely
1

Hi to all,

Wondering how to change color of Search button, sub-menus (background color) and Icons from font awesome. They are all purple, I would like to change them to blue (#015bbb)

Thanks :slight_smile:

2

And is there a chance to change all buttons that appear on theme with any other color (now all of them are purple)

3

Hi @rose1,

I hope you are well today and thank you for your questions.

Wondering how to change color of Search button, sub-menus (background color) and Icons from font awesome. They are all purple, I would like to change them to blue (#015bbb)

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other


#page .menu > li > ul li a:hover,
#page .btn.searchsubmit,
#page .image-bg .btn.btn-filled {
  background-color: #015bbb;
  border-color: #015bbb;
}

And is there a chance to change all buttons that appear on theme with any other color (now all of them are purple)

You have to develop custom CSS code as above to achieve this.

Best Regards,
Movin