Change Colour Of Search Text And X On Search Box - Question | JoomShaper

Change Colour Of Search Text And X On Search Box

PD

Peter Dowse

Template 1 month 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

0
7 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 month ago

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 month 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.

0
PD
Peter Dowse
Accepted Answer
1 month 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.

0
PD
Peter Dowse
Accepted Answer
1 month ago

there's a link in the original post?theres

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 month ago

Please give me that specific page link.

0
PD
Peter Dowse
Accepted Answer
1 month ago
0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 month ago

Hi,

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

-Regards.

0