Solved Templates

Change colour of search text and X on search box

Asked by Peter Dowse 4 years ago Last activity 4 years ago

Hi Guys,

Just wondering how I change the colour of the search text and also the blue X in the search box - can't seem to figure out how to change this!!!

You can see the site here.

http://slipsafe.com.au/new/#sp-bottom

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
4 years ago · edited

Hi Peter,

to fix text color - you have to use Custom CSS

#sp-bottom .form-control::placeholder, 
#sp-bottom .form-control, #sp-bottom input,
#mod-search-searchword96
{color: #eee !important;   border: 1px solid #eee;}

#eee - is light grey, you can use white instead (#fff).

After
foto_8639_2022.png

6 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
4 years ago

Hi,

Thanks for contacting us. Could you please give me a screenshot of it? I need to check.

-Regards.

Mehtaz Afsana Borsha Staff
4 years ago

Please give me that specific page link.

Peter Dowse Asked this
4 years ago

there's a link in the original post?theres

Peter Dowse Asked this
4 years ago

Ahhhh - that's got it.

Many thanks.

Just wondering about also changing the colour of the blue X icon on the right of the search box - usually these types of icons are in the :after CSS but I can't seem to find anywhere to change this element.

Paul Frankowski Senior Staff
4 years ago

I don't see x icon (Firefox PC), so maybe it's from the browser (Chrome etc.) styles.
It's not styled by template, so personally I cannot help.

Log in to reply.