Joomla Templates Club 406,261 posts

[hayk Friend haykJoin date: October 2008Posts: 8Downloads:0Uploads:1]

#149040

how can i change the colors on the top and left menus?

i have found some css files that control the font and some parameters, but scant change the color and the rollover color (of the menu itself) the bacround not the text

i have passed my deadline for the project please help!

thank you,

h.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#334185

hello hayk!

pls open the file: /templates/ja_larix/ja_menus/ja_splitmenu/ja.splitmenu.css and code :

a) Color for top menu
1) at line 20:
#ja-splitmenu a {
float: left;
padding: 10px 30px;
display: block;
color: #C8C8C8;
background: url(../../images/mainnav-sep.gif) repeat-y bottom right;
font-weight: bold;
font-size: 135%;
line-height: normal;
text-decoration: none;
text-transform: uppercase;
}

and

#ja-splitmenu li.active a,
#ja-splitmenu li.active a:hover,
#ja-splitmenu li.active a:active,
#ja-splitmenu li.active a:focus {
color: #FFFFFF;
background: url(../../images/mainnav-sep.gif) repeat-y bottom right #23211F;
}

2) for the left menu:
pls open the fiel /templates/ja_larix/css/template_css.css and find code at line 1078:

#ja-col1 a {
color: #C8C8C8;
font-style: normal !important;
}

#ja-col1 a:hover, #ja-col1 a:active, #ja-col1 a:focus {
color: #FFFFFF;
}

Pls ajdust the color for the color attribute on above blocks. and use the firebug of firefox to complete this task: http://www.kristarella.com/2009/02/how-to-use-firebug-for-css/

Thanks

[hayk Friend haykJoin date: October 2008Posts: 8Downloads:0Uploads:1]

#334644

thank you for your help, but i need to edit the color of the left menu background.

it is dark gray, and i need to make it lighter to match the tom menu better

thank you for your help

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#334975

Dear

pls open the file: templates/ja_larix/css/template_css.css and find codes:

/* Default Joomla! Menu */
a.mainlevel {
padding: 5px 0 6px 15px;
width: 90%;
display: block;
color: #403C3A;
background: url(../images/a-mainlevel-bg.gif) no-repeat bottom left;
font-weight: bold;
text-decoration: none;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
color: #403C3A;
background: url(../images/a-mainlevel-hover.gif) no-repeat bottom left;
text-decoration: none;
}

a.mainlevel#active_menu {
color: #EE9600;
background: url(../images/a-mainlevel-hover.gif) no-repeat bottom left;
font-weight: bold;
text-decoration: none;
}

a.sublevel {
padding: 2px 4px 2px 20px;
display: block;
color: #403C3A;
background: url(../images/bullet-list2.gif) no-repeat 8px 8px;
text-decoration: none;
}

a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
color: #EE9600 !important;
text-decoration: none;

}

#active_menu {
color: #EE9600 !important;
font-weight: bold;
}

[Author]

Posts