[Bram]

Hello to you all,

I would like to change the color & hover color of the search button located in the menu at the right side. The native color is green. There doesn’t seem to be an option to modify this (yet) under theme options: “Header Right Menu Color Options” or “mobile menu”.
Also, when you click on the search button, there appears a white ‘search’window with on top a green line. That green line I would like to change into blue as well.

Could you help me in order to do these modifications please?

Thanks already in advance for your help.

Best regards,
Bram

[Pratik]

Hi @Bram,
Can you please post in your site URL so i can check it?

[Bram]

Hello Pratik,

Thanks for your reply.
Here is my website.

[Pratik]

Hi @Bram,
Assuming that you want the search icon same color as other menu items, use following code in “Appearance=> Theme Options=> Custom CSS”:

/* Change Search Button Color */
#header-search {
   color: #fff;
}

/* Change Search Button Hover Color */
#header-search:hover {
   color: #5d91bf;
}

/* Change Header Right Border Top */
#header-right .header-search-wrap {
   border-top: 3px solid #5d91bf;
}

You can change the hex color values to any other color it you like.

Let me know if this helps.

[Bram]

Hello Pratik,

Your assumption was quite right. 😉
I’ve added your suggestions and it is working perfectly.

Thanks a lot for your quick & helpful support.

Best regards,
Bram

[Pratik]

Hi @Bram,
You are welcome and thank you for using Adventurous Pro.

[Author]

Posts