Change Search pg active/hover colour

Hi guys,

Can anyone please tell me how to change the default Search page's "search" box pink colour to one more suited to the website's branding colours?

Any help you can offer will be greatly appreciated.
Thanks. Meg

Could you please post an url to your site?

http://www.phunkemedia.com. Thanks.

I was trying to find this element on your page but I couldn't. Is there something I'm missing?

The hover colour of the search button is pink. Please hover over the search button ON the search page (http://www.phunkemedia.com/component/se ... temid=9999)

I need to change it to the same as the rest of the website which is an orange colour (#964C2A) but I'm not able to locate the style or option to do so... :/

It would have been SOOOOO useful if there was a style selector to change all instances of the pink instead of needing to individually locate every instance of the colour and change them in override, but any assistance to find this last one would be greatly appreciated. Thanks kindly.

Please edit: /templates/gk_quark/css/override.css and add at its end:

Code: Select all

.search-page img + .header-content .btn-border:active, .search-page img + .header-content .btn-border:focus, .search-page img + .header-content .btn-border:hover {
    border-color: #f079a3 !important;
    color: #f079a3 !important;
}


Please change colour to your liking.
Remember to enable "CSS override" in template settings - advanced section.

Ps. If it will not work, please make sure less compilation is disabled (template settings).

Excellent Cyberek! Thank you very much.
That's the last one finally nailed

If you have any additional questions regarding this topic, please let me know.