X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Dev Questions (X-Cart 5) (https://forum.x-cart.com/forumdisplay.php?f=56)
-   -   Darken Search Box (https://forum.x-cart.com/showthread.php?t=78252)

Dawn Howard 06-02-2021 10:10 AM

Darken Search Box
 
I'm still trying to work my way around this new Xcart, what's the best way to darken my search box? It's too light.

https://www.duffystric.com/

PhilJ 06-02-2021 10:30 PM

Re: Darken Search Box
 
You could add some CSS to overwrite the styles...

Code:

.simple-search-box {
  border: 2px solid #000 !important;
}
span.input-text-searchbox input::-webkit-input-placeholder,
span.input-text-searchbox input::-moz-placeholder {
  color: #386eaf !important;
}


Dawn Howard 06-04-2021 08:10 AM

Re: Darken Search Box
 
Thank you, that added a dark box, how about the word "search" and magnifying glass? How do I darken them? :-)

PhilJ 06-04-2021 08:14 AM

Re: Darken Search Box
 
In the above, change..
Code:

color: #386eaf !important;
to..
Code:

color: #000 !important;
then add....
Code:

.simple-search-box > button[type="submit"] {
    color: #000 !important;
}


Dawn Howard 06-04-2021 11:55 AM

Re: Darken Search Box
 
That will work, thank you!

Dawn Howard 06-04-2021 12:07 PM

Re: Darken Search Box
 
How about that words "Search Items" :D

PhilJ 06-04-2021 12:28 PM

Re: Darken Search Box
 
Try...
Code:

.simple-search-box {
  border: 2px solid #000 !important;
}
.simple-search-box > input,
.simple-search-box > input::-webkit-input-placeholder,
.simple-search-box > input::-moz-placeholder,
.simple-search-box > input:-ms-input-placeholder,
.simple-search-box > input:-moz-placeholder,
.simple-search-box > button[type="submit"] {
  color: #000 !important;
  opacity: 1 !important;
}


Dawn Howard 06-07-2021 03:17 AM

Re: Darken Search Box
 
That didn't work, but I'm fine with the text being faded now, it looks good and stands out better. Thank you!! ;-)


All times are GMT -8. The time now is 10:09 AM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.