[solved] Color Changes

[nuchie1]

Trying to change background color in the "your address" form. Can anyone help?

site http://catholicgiftsinc.com/Presta

[tdr170]

Not sure what form you are speaking of as there is no 'your address' form I can find there is a 'Delivery address' form in instant checkout and a 'Your personnel information' form in create your account.

[vekia]

what you exactly want to change? I don't see any "your address" form in this page

[nuchie1]

Here is the page http://catholicgifts...ti-shipping%3D0 I want to change from white.

Edited December 15, 2012 by nuchie1 (see edit history)

[vekia]

1) you can add style="background:color_here" manually in authentication.tpl file in your theme directory,

 

2) you can edit global.css file in 957 line, you must change background parameter

 

hope it helps, let me know if so

[nuchie1]

Which line do I change?

 

 

#create-account_form, #authentication #login_form {

clear: none;

float: left;

height: 20em;

width: 49%;

 

}

#create-account_form {margin-right: 11px;}

 

#authentication #create-account_form fieldset,

#authentication #login_form fieldset {

height: 200px

}

 

#authentication #create-account_form .form_content,

#authentication #login_form .form_content {

padding:15px 10px

}

 

#create-account_form h3,

#authentication #login_form h3 {

padding:8px;

border-bottom:1px solid #ccc;

font-weight:bold;

font-size:12px;

color:#333;

text-transform:uppercase;

background:url(../img/bg_form_h3.png) repeat-x 0 0 #989898

}

#create-account_form h4 {

padding-bottom:22px;

font-size:11px;

color:#67afeb

}

 

#create-account_form label,

#login_form label {

display:inline-block;

width:110px;

color:#67afeb

}

 

#order-opc #login_form_content label {

display:block;

margin:0 0 10px 0

}

 

#create-account_form #email_create,

#login_form #email,

#login_form #passwd,

#login_form #login_email,

#login_form #login_passwd {

padding:0 5px;

height:20px;

width:220px;/* 230 */

border:1px solid #ccc;

color:#333;

background:url(../img/bg_discount_name.png) repeat-x 0 0 #fff

}

 

#create-account_form #SubmitCreate,

#login_form #SubmitLogin {

float:right

}

 

.lost_password {

float:left;

width:200px

}

.lost_password a {color:#67afeb}

 

#order-opc .lost_password {

display:block;

float:none;

margin:5px 0 10px;

width:auto;

font-size:11px;

color:#67afeb

}

 

#ordermsg p {padding-bottom:0}

#ordermsg p.txt {

float:left;

margin-right:25px;

width:220px

}

/*#ordermsg .textarea {float:right}*/

#ordermsg .textarea textarea {

height:90px;

width:475px;

border:1px solid #ccc

[tdr170]

Change #authentication #login_form fieldset in the global.css file located in ..themes/yourtheme/css.

add background:#fff as below, or just copy and paste to your global.css line 916.

If you type in the line yourself be sure and add the ; semi-colon after the line above.

 

 

#authentication #login_form fieldset {

height: 200px;

background:#fff

}

[nuchie1]

That did't work. Any other suggestions?

[vekia]

... #login_form #login_passwd {

padding:0 5px;

height:20px;

width:220px;/* 230 */

border:1px solid #333;

color:#333;

background:url(../img/bg_discount_name.png) repeat-x 0 0 #fff

}

 

 

change last parameter (#fff) and enter color value axactly as you want

[nuchie1]

Still no luck. Anything else? I can't find where this page is located in the program.

Edited December 15, 2012 by nuchie1 (see edit history)

[vekia]

are you sure? I checked your website, i still see wrong code there

 

 

#create-account_form #email_create,

#login_form #email,

#login_form #passwd,

#login_form #login_email,

#login_form #login_passwd {

padding:0 5px;

height:20px;

width:220px;/* 230 */

border:1px solid #333;

color:#333;

background: red;

}

try with this one, when i change background parameter it works perfectly

[nuchie1]

It still doesn't change for me

[vekia]

are you sure?

 

i see changes, please refresh page or clear browser cache

 

it works!

[nuchie1]

It still isn't changing for me. I cleared the cache and history. If you have any other suggestions please let me know. Do you know where this page is located in PS1.5?

 

http://catholicgiftsinc.com/Presta/address

Edited December 15, 2012 by nuchie1 (see edit history)

[vekia]

how it looks in chrome:

 

http://imageshack.us/scaled/landing/28/testcg.png

 

as you see, the color is red - so it works.

 

Which browser you use?

[nuchie1]

I'm sorry we are talking about two different pages.

 

Here is the page I want to change the background from white.

http://catholicgifts...ti-shipping%3D0

[nuchie1]

Thanks for all your help. I figured it out Here is the fix, changer to #333333

 

 

form#add_adress {}

#add_adress fieldset {

margin:0;

border:1px solid #ccc;

background:#333333

}

[vekia]

yeah, i marked this topic as solved, so the solution is post above

best regards