X-Cart forums

[Dawn Howard]

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]

You could add some CSS to overwrite the styles...

.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]

Thank you, that added a dark box, how about the word "search" and magnifying glass? How do I darken them?

[PhilJ]

In the above, change..

color: #386eaf !important;

to..

color: #000 !important;

then add....

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

[Dawn Howard]

That will work, thank you!

[Dawn Howard]

How about that words "Search Items"

[PhilJ]

Try...

.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]

That didn't work, but I'm fine with the text being faded now, it looks good and stands out better. Thank you!!