Joomla Templates Club 406,261 posts

[scano001 Friend scano001Join date: March 2009Posts: 10Downloads:0Uploads:0 Thanks: 3]

#148707

I wish to change the background color of the left menu on my site, but not to one of the predefined colors. I want to change to a completly different color.

My question has two parts, how do I change the color of the background and how do I change the color of the font of the same menu.

Template ja_nickle
Joomla 1.15
URL: http://www.d1021720.cp.blacknight.com/siteapps/5399/htdocs/index.php

Many thanks for any help.

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

#333912

Hello

But, Your site is using the ja megaia tempate not the JA Nickel.

[scano001 Friend scano001Join date: March 2009Posts: 10Downloads:0Uploads:0 Thanks: 3]

#333973

tienhc. Sorry for confusion, since the last posting, I moved site to the clients host. The site is now at

http://patricktallan.ie/

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

#334190

Dear scano001!

pls open the file: /templates/ja_nickel/css/template.css and tr y to find the follow codes:

/* Default Joomla! Menu */
ul.menu {
list-style: none;
margin: 0;
padding: 0;
}

ul.menu li {}

ul.menu li a {
display: block;
outline: none;
padding: 5px 5px 5px 20px;
text-decoration: none;
border-top: 1px solid #E5E5E5;
background: url(../images/arrow.png) no-repeat 12px center;
color: #e31b23;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
color: #666666;
background: #F6F6F6 url(../images/arrow.png) no-repeat 12px center;
text-decoration: none;
}

ul.menu li.active a {
font-weight: bold;
background: #fedddd url(../images/arrow.png) no-repeat 12px center;
}

ul.menu li ul {
list-style: none;
margin: 0;
padding: 0;
}

ul.menu li li {
border: none;
}

ul.menu li li a {
background: #FFFFFF url(../images/bullet.gif) no-repeat 20px center !important;
border: none;
font-weight: normal !important;
padding-left: 30px !important;
width: 75%; /*need for ie6*/
}

ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
background: none;
color: #666666;
}

pls adjust the color on the background property on those block, you should use the firebug of FF browser, it help you to find style of element. http://www.kristarella.com/2009/02/how-to-use-firebug-for-css/

thanks

[Author]

Posts