How to change the font color and size?

How can i change the default color ans size for the font in the website? also for the menu on the left? right now is a grey, i need to try the white color.

Thanks

2 answers

Well i found how to change the most important colors, but the are several different lines in the theme style that i need to look, becasue the styles for the footer is one and the styles for the menu on the left other same for other parts of the theme, so whoever needs to do something like this changing colors will need patience and look into the theme styles.

#1
Profile photo of thangnn1510 0.00 $tone February 9, 2011
Public

Hi crtsystems!

You could change the left menu text color to white by do the following:
-- open skin/frontend/default/jm_deco/css/theme.css find this code:
#ja-sidenav li a {
color: #666;
display: block;
font-size: 90%;
line-height: 30px;
text-transform: uppercase;
}

then change to

#ja-sidenav li a {
color: #FFFFFF;
display: block;
font-size: 90%;
line-height: 30px;
text-transform: uppercase;
}

This code:

#ja-sidenav li li a:hover, #ja-sidenav li li a:active, #ja-sidenav li li a:focus, #ja-sidenav li li.active li a:hover, #ja-sidenav li li.active li a:active, #ja-sidenav li li.active li a:focus {
color: #666;
}

and change to:

#ja-sidenav li li a:hover, #ja-sidenav li li a:active, #ja-sidenav li li a:focus, #ja-sidenav li li.active li a:hover, #ja-sidenav li li.active li a:active, #ja-sidenav li li.active li a:focus {
color: #FFFFFF;
}

-- This code:

#ja-sidenav li li a:hover, #ja-sidenav li li a:active, #ja-sidenav li li a:focus, #ja-sidenav li li.active li a:hover, #ja-sidenav li li.active li a:active, #ja-sidenav li li.active li a:focus {
color:#666;
}

change to:

#ja-sidenav li li a:hover, #ja-sidenav li li a:active, #ja-sidenav li li a:focus, #ja-sidenav li li.active li a:hover, #ja-sidenav li li.active li a:active, #ja-sidenav li li.active li a:focus {
color:#fff;
}

You also could change the code for font size and color of default text in:

body#bd {
color: #666666;
}

body.fs3 {
font-size: 12px;
}

and

body {
color: #333537;
font-size: 12px;
line-height: 1.23;
margin: 0 35px;
min-width: 650px;
width: auto;
}

Hope this helps and good luck!

#2

Please login or Register to Submit Answer

Written By

Comments