Magento Forum

   
Page 1 of 2
navigation panel color, header font color, bottom color? 
 
dets03ab
Member
 
Total Posts:  66
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:  179
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

 
Magento Community Magento Community
Magento Community
Magento Community
 
sherrie
Moderator
 
Avatar
Total Posts:  1655
Joined:  2007-12-14
Waterloo, ON
 

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

 
Magento Community Magento Community
Magento Community
Magento Community
 
dets03ab
Member
 
Total Posts:  66
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
Moderator
 
Avatar
Total Posts:  1655
Joined:  2007-12-14
Waterloo, ON
 

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

 
Magento Community Magento Community
Magento Community
Magento Community
 
dets03ab
Member
 
Total Posts:  66
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
Member
 
Total Posts:  66
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
Moderator
 
Avatar
Total Posts:  1655
Joined:  2007-12-14
Waterloo, ON
 

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

 
Magento Community Magento Community
Magento Community
Magento Community
 
ukdazza
Guru
 
Total Posts:  308
Joined:  2008-04-16
 

wow. firebug is mental.

 
Magento Community Magento Community
Magento Community
Magento Community
 
dets03ab
Member
 
Total Posts:  66
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
Guru
 
Total Posts:  308
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
Member
 
Total Posts:  66
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
Member
 
Total Posts:  66
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
Moderator
 
Avatar
Total Posts:  1655
Joined:  2007-12-14
Waterloo, ON
 

Make sure you refresh the cache.

System > Cache Management

 
Magento Community Magento Community
Magento Community
Magento Community
 
dets03ab
Member
 
Total Posts:  66
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
Guru
 
Total Posts:  308
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