Page 1 of 1

CSS colour help!!!!

Posted: Sat Oct 02, 2010 5:34 am
by City of Hair
Please could someone point me in the right direction for changing certain colours in the stylesheet.css as I have forgotten how I did it before.

I need to know where in the stylesheet.css is the section for changing the colours for:

the text inside the drop down menu's including the currency and the language
the grey text on the page (in the facebook like box section on the right hand side of my site)

http://cityofhair.com/shop/

Thanks in advance for any help.

Sarah.

Re: CSS colour help!!!!

Posted: Sat Oct 02, 2010 5:45 am
by creativa
Hi Sarah,
maybe the best way is if you download and install the "Firebug" extension for Firefox,
you can find it in the Firefox extensions page.
Once you have installed simply rigth click in any element to know the style and line exactly of the style is located.

Re: CSS colour help!!!!

Posted: Sat Oct 02, 2010 6:07 am
by jayman
Actually the text in the drop down is browser specific and it will use what ever the person has for there browsers styles. So firebug would not actually help here.

Jason

Re: CSS colour help!!!!

Posted: Sat Oct 02, 2010 6:31 am
by creativa
Hi Jason,
the dropdown (select) native of browser are brands and maybe others,
but the dropdown of currencies and languages is pure css and js (i dont see in the Sarah site).

Re: CSS colour help!!!!

Posted: Sat Oct 02, 2010 6:42 am
by jayman
Your right I was under the impression that it was the categories.
To fix this issue try line 239

Code: Select all

.switcher .option a {
color:#ccff33;
padding:3px 5px;
}
Jason

Re: CSS colour help!!!!

Posted: Sun Oct 03, 2010 8:41 pm
by City of Hair
Thanks so much guys. I have managed to sort the colours.
However I still cannot find where to change the colour of the text in the 'Facebook Like Box' from grey to a more obvious colour.
Any ideas?
Sarah

http://cityofhair.com/shop/index.php

Re: CSS colour help!!!!

Posted: Tue Oct 05, 2010 10:03 pm
by readyman
Looks like that is a facebook app that is coming from another location so I don't think you'll be able to update the grey header on that box.
Maybe you can customize it on facebook?

Re: CSS colour help!!!!

Posted: Wed Oct 06, 2010 2:32 am
by City of Hair
Hi thanks for the response. I have found a few more instances of the grey text colour through other pages including this text:

Please select the preferred shipping methods to use on this order.

Any ideas on how to change this colour?
Sarah

Re: CSS colour help!!!!

Posted: Wed Oct 06, 2010 4:21 am
by readyman
Post the url of the pages that you found so that I can also look at them... I don't want to go looking for them ;)
There is a div around the facebook block, before the iframe you've inserted.

You should style that with something like
background-color:#ffafd8; padding:15px 0;
This will give you a background for the entire block.

Re: CSS colour help!!!!

Posted: Wed Oct 06, 2010 5:27 am
by City of Hair
hi, thanks here is a url for a page with the grey writing:

http://cityofhair.com/shop/index.php?ro ... est_step_2

Re: CSS colour help!!!!

Posted: Wed Oct 06, 2010 10:22 am
by readyman
Looks like we're still looking at the same facebook box on the right hand side - it's on every page!

Re: CSS colour help!!!!

Posted: Wed Oct 06, 2010 5:25 pm
by City of Hair
I think I know what happened here.
I put a item in the cart and sent you a link of 'step 2' of the sale.
I have now taken the item out of the cart so no link :-\

maybe I am just destined to have grey writing, lol.