Call-back icon  Sales: Call 800.374.8146 (N America)|757.278.0920 (International)

Magento

Open Source eCommerce Evolved

Magento Forum

   
Page 1 of 2
navigation panel color, header font color, bottom color? 
 
dets03ab
Jr. Member
 
Total Posts:  26
Joined:  2008-06-14
 

Hi all

I am trying to modify colors in the default template and have so far succeeded with the header background.

However I do have some questions I hope some can help on:

1) How do I change the color background in the Navigation panel where the products are listed?

2) How do I change the colors in:
1) Header Font (which file and which place?)
2) Navigationfont colors (which file and which place?)

3) How do I change background colors in the bottom box where the footers are? (which file and which place do I insert the color code?)

Hope someone can help me out here

Rgds

 
Magento Community Magento Community
Magento Community
Magento Community
 
pauljg1
Sr. Member
 
Avatar
Total Posts:  150
Joined:  2008-02-22
 

1) How do I change the color background in the Navigation panel where the products are listed?  .......skin/default/default/css/boxes.css .header-nav-container { (line 394)

2) How do I change the colors in:
1) Header Font (which file and which place?).............................................  reset.css (line 23
2) Navigationfont colors (which file and which place?)........................................reset.css (line 30

3) How do I change background colors in the bottom box where the footers are? (which file and which place do I insert the color code?) one of the css file above

 Signature 

Web Design Derby

 
Magento Community Magento Community
Magento Community
Magento Community
 
sherrie
Enthusiast
 
Avatar
Total Posts:  783
Joined:  2007-12-14
Illinois, USA
 

Download Firebug to use in Firefox, it will help you figure out where anything is in the stylesheets: https://addons.mozilla.org/en-US/firefox/addon/1843

 Signature 

Creativity is falling in love with the world. – Dewitt Jones
Current Projects: Gladrag Industries & Aqua Gear Direct • Currently Running: PHP 5.2.5/MySQL 5.0.45/Magento 1.1.3 on HostGator

 
Magento Community Magento Community
Magento Community
Magento Community
 
dets03ab
Jr. Member
 
Total Posts:  26
Joined:  2008-06-14
 

thanks for the replys. I have downloaded the mod but still cant seem to find where i change the font colors of “my account, my wishlist, my cart, checkout, log in” - spend several hours now nothing worked :o, in my line 23 in reset my body starts! pls explain where i change the color

 
Magento Community Magento Community
Magento Community
Magento Community
 
sherrie
Enthusiast
 
Avatar
Total Posts:  783
Joined:  2007-12-14
Illinois, USA
 

You need to edit those lines in this file: skin/frontend/default/default/css/reset.css

 Signature 

Creativity is falling in love with the world. – Dewitt Jones
Current Projects: Gladrag Industries & Aqua Gear Direct • Currently Running: PHP 5.2.5/MySQL 5.0.45/Magento 1.1.3 on HostGator

 
Magento Community Magento Community
Magento Community
Magento Community
 
dets03ab
Jr. Member
 
Total Posts:  26
Joined:  2008-06-14
 

thanks for the replys. Yes it was also reset.css i was referring to in beginning. I just can not seem to see where inside i change those font colors I have tried modifying alot but the fonts “my cart” etc dont change.

Could you paste the code here where it should be modified pls?

Looking forward for your reply

 
Magento Community Magento Community
Magento Community
Magento Community
 
dets03ab
Jr. Member
 
Total Posts:  26
Joined:  2008-06-14
 

is it possible for you to paste the code which i should modify please here?

 
Magento Community Magento Community
Magento Community
Magento Community
 
sherrie
Enthusiast
 
Avatar
Total Posts:  783
Joined:  2007-12-14
Illinois, USA
 

You really need to learn how to modify css on your own if you’re going to be designing a site - just download Firebug for Firefox as I stated above and it will tell you which code.

1) How do I change the color background in the Navigation panel where the products are listed?

menu.css line 38

2) How do I change the colors in:
1) Header Font (which file and which place?)

reset.css line 35

2) Navigationfont colors (which file and which place?)

menu.css line 37

3) How do I change background colors in the bottom box where the footers are? (which file and which place do I insert the color code?)

boxes.css line 564

 Signature 

Creativity is falling in love with the world. – Dewitt Jones
Current Projects: Gladrag Industries & Aqua Gear Direct • Currently Running: PHP 5.2.5/MySQL 5.0.45/Magento 1.1.3 on HostGator

 
Magento Community Magento Community
Magento Community
Magento Community
 
ukdazza
Sr. Member
 
Total Posts:  162
Joined:  2008-04-16
 

wow. firebug is mental.

 
Magento Community Magento Community
Magento Community
Magento Community
 
dets03ab
Jr. Member
 
Total Posts:  26
Joined:  2008-06-14
 

guys pelase my font is still same color. I use an ornage banner and the link my cart, wishlist etc is still orange!!! your referred lines etc is different on mine. Any can paste me the exact code I should change that would make wonders for me pls?

This is one of the reasons i still prefer oscommerce

 
Magento Community Magento Community
Magento Community
Magento Community
 
ukdazza
Sr. Member
 
Total Posts:  162
Joined:  2008-04-16
 

use firebug to see which code effects that text.

then find that code in the appropiate .css file.

I managed it and I am a complete design noob.

Just some common sense mate. Using firebug you can select everything on the page. Select what you want to change and then on the right in firebug it will show you the code for that specific thing. You can then “find” this code in the appropiate css file (which it also tells you).

 
Magento Community Magento Community
Magento Community
Magento Community
 
dets03ab
Jr. Member
 
Total Posts:  26
Joined:  2008-06-14
 

hmm dunno that programme just downloaded it - i mark the text or how?

 
Magento Community Magento Community
Magento Community
Magento Community
 
dets03ab
Jr. Member
 
Total Posts:  26
Joined:  2008-06-14
 

by the way i changed my navigation color to green but in mozilla browser still show blue why is that?

 
Magento Community Magento Community
Magento Community
Magento Community
 
sherrie
Enthusiast
 
Avatar
Total Posts:  783
Joined:  2007-12-14
Illinois, USA
 

Make sure you refresh the cache.

System > Cache Management

 Signature 

Creativity is falling in love with the world. – Dewitt Jones
Current Projects: Gladrag Industries & Aqua Gear Direct • Currently Running: PHP 5.2.5/MySQL 5.0.45/Magento 1.1.3 on HostGator

 
Magento Community Magento Community
Magento Community
Magento Community
 
dets03ab
Jr. Member
 
Total Posts:  26
Joined:  2008-06-14
 

ok m8 thanks alot! it worked now! But why is the navigation color blue in firefox and green in Explorer?

 
Magento Community Magento Community
Magento Community
Magento Community
 
ukdazza
Sr. Member
 
Total Posts:  162
Joined:  2008-04-16
 

make sure you actually change the files and put them into your store. don’t just change them in the “edit” part of firebug...as thats just for that view only.

other than that as sherrie says, refresh your cache. if its still not the same colour I am not sure what you have done lol.

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
    Back to top
Page 1 of 2
 
Sales: Call 800.374.8146 (North America) 757.278.0920 (International)
© Copyright 2008 Varien. Magento is a trademark of Irubin Consulting Inc. DBA Varien
Privacy Policy|Terms of Service
Magento Community Count
33541 users|360 users currently online|74471 forum posts