Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

Darken Search Box

 
Reply
   X-Cart forums > X-Cart 5 > Dev Questions (X-Cart 5)
 
Thread Tools Search this Thread
  #1  
Old 06-02-2021, 10:10 AM
 
Dawn Howard Dawn Howard is offline
 

eXpert
  
Join Date: Apr 2006
Posts: 229
 

Default 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/
__________________
Dawn
X-Cart Business 5.3.6.3
Mods:
Qty input - Custom Mod
Part numbers near title - Custom Mod
Membership approval before ordering - Custom Mod
Order Forms - Custom Mod
Freight on Board - Custom Mod
Catalog Order Form
Call For Price
Template: Crisp White skin
Running on Windows
Reply With Quote
  #2  
Old 06-02-2021, 10:30 PM
 
PhilJ PhilJ is offline
 

X-Guru
  
Join Date: Nov 2002
Posts: 4,094
 

Default 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; }
__________________
xcartmods.co.uk
Reply With Quote
  #3  
Old 06-04-2021, 08:10 AM
 
Dawn Howard Dawn Howard is offline
 

eXpert
  
Join Date: Apr 2006
Posts: 229
 

Default Re: Darken Search Box

Thank you, that added a dark box, how about the word "search" and magnifying glass? How do I darken them?
__________________
Dawn
X-Cart Business 5.3.6.3
Mods:
Qty input - Custom Mod
Part numbers near title - Custom Mod
Membership approval before ordering - Custom Mod
Order Forms - Custom Mod
Freight on Board - Custom Mod
Catalog Order Form
Call For Price
Template: Crisp White skin
Running on Windows
Reply With Quote
  #4  
Old 06-04-2021, 08:14 AM
 
PhilJ PhilJ is offline
 

X-Guru
  
Join Date: Nov 2002
Posts: 4,094
 

Default 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; }
__________________
xcartmods.co.uk
Reply With Quote

The following user thanks PhilJ for this useful post:
Dawn Howard (06-04-2021)
  #5  
Old 06-04-2021, 11:55 AM
 
Dawn Howard Dawn Howard is offline
 

eXpert
  
Join Date: Apr 2006
Posts: 229
 

Default Re: Darken Search Box

That will work, thank you!
__________________
Dawn
X-Cart Business 5.3.6.3
Mods:
Qty input - Custom Mod
Part numbers near title - Custom Mod
Membership approval before ordering - Custom Mod
Order Forms - Custom Mod
Freight on Board - Custom Mod
Catalog Order Form
Call For Price
Template: Crisp White skin
Running on Windows
Reply With Quote
  #6  
Old 06-04-2021, 12:07 PM
 
Dawn Howard Dawn Howard is offline
 

eXpert
  
Join Date: Apr 2006
Posts: 229
 

Default Re: Darken Search Box

How about that words "Search Items"
__________________
Dawn
X-Cart Business 5.3.6.3
Mods:
Qty input - Custom Mod
Part numbers near title - Custom Mod
Membership approval before ordering - Custom Mod
Order Forms - Custom Mod
Freight on Board - Custom Mod
Catalog Order Form
Call For Price
Template: Crisp White skin
Running on Windows
Reply With Quote
  #7  
Old 06-04-2021, 12:28 PM
 
PhilJ PhilJ is offline
 

X-Guru
  
Join Date: Nov 2002
Posts: 4,094
 

Default 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; }
__________________
xcartmods.co.uk
Reply With Quote
  #8  
Old 06-07-2021, 03:17 AM
 
Dawn Howard Dawn Howard is offline
 

eXpert
  
Join Date: Apr 2006
Posts: 229
 

Default 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!!
__________________
Dawn
X-Cart Business 5.3.6.3
Mods:
Qty input - Custom Mod
Part numbers near title - Custom Mod
Membership approval before ordering - Custom Mod
Order Forms - Custom Mod
Freight on Board - Custom Mod
Catalog Order Form
Call For Price
Template: Crisp White skin
Running on Windows
Reply With Quote
Reply
   X-Cart forums > X-Cart 5 > Dev Questions (X-Cart 5)



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 03:32 PM.

   

 
X-Cart forums © 2001-2020