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

White text in input boxes = invisible ????

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 08-12-2009, 11:13 PM
  camble's Avatar 
camble camble is offline
 

Member
  
Join Date: Aug 2009
Posts: 14
 

Default White text in input boxes = invisible ????

Basically when I setup the store I used the default skin, which gives a body color tag as #000000; (black) by default, I have customized the customer end to give the corporate look similar to the static website, I changed the body color to #ffffff; (white) to put the white text onto the dark background, but now all of the input text boxes show white text when you type in them, meaning the text that you input is invisible until you highlight it, this happens for all form inputs...Authentication, Register etc etc....
Does anybody know what I need to do to change the colour of the text in the input boxes to #676767; so that the user/customer can see it?

Thank you in advance
Liam
__________________
Version 4.2.2
Reply With Quote
  #2  
Old 08-12-2009, 11:28 PM
  amy2203's Avatar 
amy2203 amy2203 is offline
 

X-Wizard
  
Join Date: Jul 2004
Location: Watford, UK
Posts: 1,509
 

Default Re: White text in input boxes = invisible ????

maybe something like
Code:
input.text { color: #676767; }
__________________
X-Cart version 5 (Previously 3.5-4)

Previous Versions included
BCSE Reward Points Mod
Altered Cart On Sale Mod
Wordpress Plugin

Please don't PM me for support. I help where I can on the forum and your question will more likely be answered there.

Shout me a Coffee!
Reply With Quote
  #3  
Old 08-12-2009, 11:41 PM
  camble's Avatar 
camble camble is offline
 

Member
  
Join Date: Aug 2009
Posts: 14
 

Default Re: White text in input boxes = invisible ????

Where do I put that? Into the main.css file?

Thank you by the way for the response.
__________________
Version 4.2.2
Reply With Quote
  #4  
Old 08-12-2009, 11:41 PM
 
Shamun Shamun is offline
 

X-Adept
  
Join Date: Jun 2009
Location: North Carolina
Posts: 841
 

Default Re: White text in input boxes = invisible ????

You can change both the color of the text and the background of the input box.
Amy might have it right, but the css I have for it:

Code:
input, textarea, button { background: #424242 none repeat scroll 0 0; border: 1px solid #313131; color: #C3BFD2; }

Keep in mind, the button part changes the button color too.
Change the background, border and color.


The login boxes may have another css select as well.
__________________
- Shane Munroe
Reply With Quote

The following user thanks Shamun for this useful post:
camble (08-12-2009)
  #5  
Old 08-12-2009, 11:53 PM
  camble's Avatar 
camble camble is offline
 

Member
  
Join Date: Aug 2009
Posts: 14
 

Default Re: White text in input boxes = invisible ????

Quote:
Originally Posted by Tal
You can change both the color of the text and the background of the input box.
Amy might have it right, but the css I have for it:

Code:
input, textarea, button { background: #424242 none repeat scroll 0 0; border: 1px solid #313131; color: #C3BFD2; }

Keep in mind, the button part changes the button color too.
Change the background, border and color.


The login boxes may have another css select as well.

Fantastic thank you!

How do I do the same for the dropdown menus too please?

Thank you very much guys/girls
__________________
Version 4.2.2
Reply With Quote
  #6  
Old 08-12-2009, 11:57 PM
  amy2203's Avatar 
amy2203 amy2203 is offline
 

X-Wizard
  
Join Date: Jul 2004
Location: Watford, UK
Posts: 1,509
 

Default Re: White text in input boxes = invisible ????

use firefox and firebug to work out what selectors you need for the css, it depends how your dropdowns are coded,
__________________
X-Cart version 5 (Previously 3.5-4)

Previous Versions included
BCSE Reward Points Mod
Altered Cart On Sale Mod
Wordpress Plugin

Please don't PM me for support. I help where I can on the forum and your question will more likely be answered there.

Shout me a Coffee!
Reply With Quote
  #7  
Old 08-13-2009, 12:06 AM
 
Shamun Shamun is offline
 

X-Adept
  
Join Date: Jun 2009
Location: North Carolina
Posts: 841
 

Default Re: White text in input boxes = invisible ????

Code:
div.dialog .content p, div.dialog .content input, div.dialog .content select { color: #C3BFD2; background: #424242 none repeat scroll 0 0; }

Thats my drop-downs.
__________________
- Shane Munroe
Reply With Quote
  #8  
Old 08-13-2009, 12:10 AM
  amy2203's Avatar 
amy2203 amy2203 is offline
 

X-Wizard
  
Join Date: Jul 2004
Location: Watford, UK
Posts: 1,509
 

Default Re: White text in input boxes = invisible ????

just change the colour values in that section then
__________________
X-Cart version 5 (Previously 3.5-4)

Previous Versions included
BCSE Reward Points Mod
Altered Cart On Sale Mod
Wordpress Plugin

Please don't PM me for support. I help where I can on the forum and your question will more likely be answered there.

Shout me a Coffee!
Reply With Quote

The following user thanks amy2203 for this useful post:
camble (08-13-2009)
  #9  
Old 08-13-2009, 12:31 AM
  camble's Avatar 
camble camble is offline
 

Member
  
Join Date: Aug 2009
Posts: 14
 

Default Re: White text in input boxes = invisible ????

Thank you very much, the help was fantastic!

Cheers
Liam
__________________
Version 4.2.2
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not 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 05:12 AM.

   

 
X-Cart forums © 2001-2020