Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Change Colour of Drop-down Text

Change Colour of Drop-down Text

Views: 4,913

Results 1 to 11 of 11
12 Dec 2011, 10:42 AM
#1
psvialli avatar

psvialli

New Zenner

Join Date:
Mar 2011
Posts:
76
Plugin Contributions:
0

Change Colour of Drop-down Text

I have all my text set to white as, but this then changes all my Text in drop down boxes to white as well, how can I change all Drop down Box text to Black so you can see them?

Many thanks

12 Dec 2011, 11:12 AM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Change Colour of Drop-down Text

You could add this to your stylesheet:

SELECT {color: #000;}

13 Dec 2011, 2:13 PM
#3
psvialli avatar

psvialli

New Zenner

Join Date:
Mar 2011
Posts:
76
Plugin Contributions:
0

Re: Change Colour of Drop-down Text

stevesh:

You could add this to your stylesheet:

SELECT {color: #000;}

I just added this to my stylesheet but the dropdown boxes are still white text not black ?

Do i just simply add this to the bottom of the style stylesheet ?

Sorry but this is all new to me !

Many thanks

13 Dec 2011, 3:44 PM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Change Colour of Drop-down Text

Add it to the bottom of the stylesheet. If it doesn't work, we'll need to see your site.

13 Dec 2011, 7:42 PM
#5
rescoccc avatar

rescoccc

Totally Zenned

Join Date:
May 2010
Location:
WA State
Posts:
1,700
Plugin Contributions:
2

Re: Change Colour of Drop-down Text

Are you using the CSS horizontal drop down menu? If so, the stylesheet for it is stylesheet_header_menu.css.

14 Dec 2011, 8:30 AM
#6
psvialli avatar

psvialli

New Zenner

Join Date:
Mar 2011
Posts:
76
Plugin Contributions:
0

Re: Change Colour of Drop-down Text

stevesh:

Add it to the bottom of the stylesheet. If it doesn't work, we'll need to see your site.

The site is as follows:-

http://www.moon-dream.co.uk/index.php?main_page=product_info&cPath=24&products_id=124

If you look at the color option and scroll they are all white text ?
this is the same for any drop down box like when yoi slect country.

Many thanks

Paul

14 Dec 2011, 11:19 AM
#7
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Change Colour of Drop-down Text

How about:

OPTION {color: #000;}

14 Dec 2011, 4:24 PM
#8
psvialli avatar

psvialli

New Zenner

Join Date:
Mar 2011
Posts:
76
Plugin Contributions:
0

Re: Change Colour of Drop-down Text

Job Done Many thanks !

20 Dec 2011, 3:06 AM
#9
jdmkuruma avatar

jdmkuruma

New Zenner

Join Date:
Dec 2011
Posts:
24
Plugin Contributions:
0

Re: Change Colour of Drop-down Text

Thanks for the info! This fixed the template I installed, which had teh same problem.

FYI, Estore now's selection is white, and the text is also white.

28 Feb 2012, 9:14 PM
#10
alfrizmartin avatar

alfrizmartin

New Zenner

Join Date:
Apr 2010
Posts:
15
Plugin Contributions:
0

Re: Change Colour of Drop-down Text

Thanks a mill for the help. I am using the estorenow template.
I had to change the stylesheet.css file. At the very bottom I changed the values to:

option{
background:#FFF;

}
select{
background:#FFFFFF;
color:#000;

Again, many thanks for the help!

16 Aug 2012, 6:11 PM
#11
g33k avatar

g33k

New Zenner

Join Date:
Jul 2012
Location:
SW Ohio
Posts:
2
Plugin Contributions:
0

Re: Change Colour of Drop-down Text

alfrizmartin:

Thanks a mill for the help. I am using the estorenow template.
I had to change the stylesheet.css file. At the very bottom I changed the values to:

option{
background:#FFF;

}
select{
background:#FFFFFF;
color:#000;

Again, many thanks for the help!

Yesss! This is exactly what I was looking for to fix my estorenow template. TYVM :thumbsup: