Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / layout and colour form

layout and colour form

Views: 693

Results 1 to 8 of 8
25 Jan 2011, 4:53 PM
#1
elbert06 avatar

elbert06

New Zenner

Join Date:
Jan 2011
Location:
Westzaan, Netherlands
Posts:
28
Plugin Contributions:
0

layout and colour form

Okay, you've really helped me out last time, maybe you can also help me with this because I've tried to change different css style sheets but nothing works. I would like te get the text in my subscription form white instead of gray. The boxes you have to fill out I would like them white with black text. I've got some code but don't know where to put them. have a look at: http://www.7ehemeldeal.nl/shop/index.php?main_page=create_account&action=process

To change the background colour of the just form in white will do the trick as well........I think

I use a template called 12541 and zencart 1.39

thanks in advance for helping a starter in zencart

25 Jan 2011, 5:09 PM
#2
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: layout and colour form

Line 13 of your stylesheet

input, select, textarea {
background: none repeat scroll 0 0 #424242;
border: 1px solid #000000;
color: #A1A1A1;
font-family: tahoma;
font-size: 11px;
line-height: 13px;
padding: 2px;
vertical-align: middle;
}

But it will change the color of input in your sidebox "Aanmelden nieuwsbrief", hence you may want to create an id for the form input in the related page

27 Jan 2011, 6:29 PM
#3
elbert06 avatar

elbert06

New Zenner

Join Date:
Jan 2011
Location:
Westzaan, Netherlands
Posts:
28
Plugin Contributions:
0

Re: layout and colour form

keneso:

Line 13 of your stylesheet

input, select, textarea {
background: none repeat scroll 0 0 #424242;
border: 1px solid #000000;
color: #A1A1A1;
font-family: tahoma;
font-size: 11px;
line-height: 13px;
padding: 2px;
vertical-align: middle;
}

But it will change the color of input in your sidebox "Aanmelden nieuwsbrief", hence you may want to create an id for the form input in the related page

Keneso,

Thanks for the response! The code changes colour of the form, but then again, it changes my complete colour scheme,not only "aanmelden nieuwsbrief" How do I create an id for the form input in the style sheet???? I'm a lost "beginner" at this so I have a lot to learn......

27 Jan 2011, 6:44 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: layout and colour form

That form is in the #createAcctDefault div, so add a new rule:

#createAcctDefault input, #createAcctDefault select, #createAcctDefault textarea {
background: none repeat scroll 0 0 #424242;
border: 1px solid #000000;
color: #A1A1A1;
font-family: tahoma;
font-size: 11px;
line-height: 13px;
padding: 2px;
vertical-align: middle;
}

28 Jan 2011, 11:44 AM
#5
elbert06 avatar

elbert06

New Zenner

Join Date:
Jan 2011
Location:
Westzaan, Netherlands
Posts:
28
Plugin Contributions:
0

Re: layout and colour form

gjh42:

That form is in the #createAcctDefault div, so add a new rule:

#createAcctDefault input, #createAcctDefault select, #createAcctDefault textarea {
background: none repeat scroll 0 0 #424242;
border: 1px solid #000000;
color: #A1A1A1;
font-family: tahoma;
font-size: 11px;
line-height: 13px;
padding: 2px;
vertical-align: middle;
}

:clap: Yes! this works, looks okay now! Only one more thing, how do I change the font colour of the field names, not the one you have to fill out but the name of the field which explains what you have to put in each field, so like name, address etc. I've been struggling for 2 weeks now with this, but slowly I get the hang of Zen-cart.
And just for all you zenners out there, you are doing a great job helping people out!

28 Jan 2011, 3:13 PM
#6
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: layout and colour form

#createAcctDefault .inputLabel {color: #FF0000;} <<< choose your color

29 Jan 2011, 11:59 AM
#7
elbert06 avatar

elbert06

New Zenner

Join Date:
Jan 2011
Location:
Westzaan, Netherlands
Posts:
28
Plugin Contributions:
0

Re: layout and colour form

keneso:

#createAcctDefault .inputLabel {color: #FF0000;} <<< choose your color

Really great! It looks perfect now, thank you for all your help and patience. It's a good thing that in this world people are still willing to help each other! You want to know how it looks now, take a peal at:

http://www.7ehemeldeal.nl/shop/index.php?main_page=create_account&action=process

Very nice, isn't it?

29 Jan 2011, 12:56 PM
#8
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: layout and colour form

Good job.

If I may suggest, I'd go with a light grey instaed of white, something like CECECE, or E7E7E7.