Colour of search bar

I would like to change the colour of the search bar in sparkling, however I cannot figure out how to do this, can anyone help?

Hi @lyndseyd,

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

Sure we can help you just tell us do you want to change background or text color of search form displayed in the sidebar as a widget?

Please advise,

Kind Regards,

Hi Movin,

Thanks for getting back to me, I want to change the colour (the red colour #da4453) on the search button itself, see attachment. I want to change it to this colour #f2940e. All other colours should remain unchanged. And yes, this is the search bar in the sidebar widget.


Hi Lyndsey,

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

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

.widget button#searchsubmit {
    background: #f2940e;
    border-color: #f2940e;

Best Regards,

Thanks a lot Movin, it worked!

You are most welcome here :slight_smile: