Color Required fields

Questions and answers about ShopSite Custom Templates

Color Required fields

Postby silken » Tue Nov 16, 2010 9:24 pm

Hi,
I would like to color the required fields on my checkout page. I have colored the names for these fields (zip code, address, etc) but would like the actual fields to be colored something other than white. Any help on this?
Thanks,
Debbie
silken
 
Posts: 120
Joined: Mon Jun 07, 2010 11:56 am
Location: santa cruz, ca

Re: Color Required fields

Postby Jim » Wed Nov 17, 2010 7:53 am

Since that is an html / style question not specific to ShopSite you could try a web search and get lots of examples on how to do it.

I like to use www.w3.org for examples since they are the "standards" group. Here is a link to their site that has code for doing this.
http://www.w3.org/TR/WCAG20-TECHS/C15.html

Basically you create a style for the input field and set the background color in the style. That can be done either inline or in css on the page or and included file with the css.
In-line
<input type="text" style="background-color: #FF0000;">
as css
<style type="text/css">
input.text {
background-color: #7FFF00;
color: #000;
}
</style>

In an included file
<link rel="stylesheet" href="http://mydomain.com/css/new.css" type="text/css">

You will need to find something unique about the fields you want to color and add that to the Input parameter in the style so just the fields you want colored are colored.
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Re: Color Required fields

Postby silken » Wed Nov 17, 2010 10:12 am

Many thanks, Jim. That helps a lot.
Debbie
silken
 
Posts: 120
Joined: Mon Jun 07, 2010 11:56 am
Location: santa cruz, ca


Return to Custom Template Questions

Who is online

Users browsing this forum: No registered users and 91 guests