Re: Color contact form SOLVED

GK User
Mon Mar 07, 2011 8:38 am
I would like to know where to find the color of the windows in the contact forms: where customers fill their name...
Thanks,
Nicole
User avatar
Junior Boarder

Konrad M
Mon Mar 07, 2011 8:45 am
Hi it is class
Code: Select all
.inputbox {
}

you can try modify color adding background to this class in override.css
User avatar

GK User
Mon Mar 07, 2011 10:15 am
To be more specific, you can use this line if you want only to change contact page input elements.

Code: Select all
#component-contact .contact_email .inputbox {background: #fff;}


Cheers
User avatar
Platinum Boarder

GK User
Tue Mar 08, 2011 2:32 am
Thanks for your help

Do I add this code in the override css? I tried that and I didn't see any change

What is curious is that in internet explorer the boxes are white and in Firfox they are grey???
User avatar
Junior Boarder

Konrad M
Tue Mar 08, 2011 6:25 am
Did you turn on override.css option i template settings ?
User avatar

GK User
Tue Mar 08, 2011 5:38 pm
Thank you very much, that did the trick.

Now in internet there is a scroll bar in the message box that stays white, even if I change the color for a gray. Is there a way to change that too
User avatar
Junior Boarder

Konrad M
Tue Mar 08, 2011 5:56 pm
You mean Internet Explorer ?
User avatar

GK User
Tue Mar 08, 2011 7:12 pm
Yes, sorry I wasn't clear, I don't have it in Firefox
User avatar
Junior Boarder

GK User
Tue Mar 08, 2011 7:26 pm
can we see your site?
User avatar
Platinum Boarder

GK User
Tue Mar 08, 2011 7:30 pm
User avatar
Junior Boarder

GK User
Wed Mar 09, 2011 2:21 am
I just checked your demo and I notice the same thing:
In Firefox, the boxes have the same texture than the background but a bit lighter with no scroll bar and in Internet explorer they are white with a scroll bar. I would like to get the boxes dark but the scroll bar is very annoying in white.
User avatar
Junior Boarder

Konrad M
Wed Mar 09, 2011 6:04 am
Hi try add this to override.css
Code: Select all
#contact_text{scrollbar-face-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color:#fff;
scrollbar-darkshadow-color:#fff;
scrollbar-track-color: #fff;
scrollbar-arrow-color: #fff;}

and set your own colors
User avatar

GK User
Wed Mar 09, 2011 1:46 pm
Thank you so much, this is exactly what I wanted B)
User avatar
Junior Boarder

Konrad M
Wed Mar 09, 2011 3:08 pm
I'm glad I helped
User avatar


cron