Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Correcting Gift certificates colours on black background

Correcting Gift certificates colours on black background

Locked

Views: 864

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
22 Feb 2010, 10:51 AM
#1
ousel avatar

ousel

New Zenner

Join Date:
Aug 2006
Posts:
84
Plugin Contributions:
0

Correcting Gift certificates colours on black background

I'm setting up a new website offline with a black background.

I'm having a problem with the Contact Us, Gift Certificate pages etc.

e.g. On the Gift Certificates page there is a box with the header "Please enter your Gift Certificate redemption code:"

This seems to be in black, as it is not showing up on the black background. I have not found where I can change the colour on the stylesheet.

Can anyone tell me where to amend this please?

22 Feb 2010, 11:01 AM
#2
stevesh avatar

stevesh

Black Belt

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

Re: Correcting Gift certificates colours on black background

Add to your stylesheet:

#gvFaqDefault legend {color:#ff0000;}

Change color as needed.

Then, download the Firefox browser (if you don't already use it) and the Web Developer plugin - makes finding stuff like this easy.

22 Feb 2010, 11:04 AM
#3
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Correcting Gift certificates colours on black background

Add a background color of you preference to "FIELDSET" in yur stylesheet.css file

Might need both??

22 Feb 2010, 11:34 AM
#4
ousel avatar

ousel

New Zenner

Join Date:
Aug 2006
Posts:
84
Plugin Contributions:
0

Re: Correcting Gift certificates colours on black background

stevesh:

Add to your stylesheet:

#gvFaqDefault legend {color:#ff0000;}

Change color as needed.

Then, download the Firefox browser (if you don't already use it) and the Web Developer plugin - makes finding stuff like this easy.

This worked - thanks!

I've almost finished the site now, so I don't think it's worth trying to learn how to use Firefox or the Web Developer plug-in.

Would you please tell me the code to change the "Contact Us" legend and "Look-up Discount Coupon..."

Many thanks.

22 Feb 2010, 12:07 PM
#5
stevesh avatar

stevesh

Black Belt

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

Re: Correcting Gift certificates colours on black background

Just my opinion, I guess, but I don't think a proper ecommerce website is ever finished.

Installation and learning the basics of Web Developer might take all of 15 minutes.

Install the plugin, then Ctrl-Shift-Y - when you hover over a page element, the id or class for that element will appear in the box at the top of the browser. Click on the element to see the CSS.

Ctrl-Shift-E will open the CSS editor where you can make changes in the stylesheet and see the results in real time without permanently changing anything.