The Joomla! Forum ™



Forum rules


Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.



Post new topic Reply to topic  [ 3 posts ] 
Author Message
PostPosted: Mon Apr 19, 2010 4:50 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Thu Apr 15, 2010 5:49 am
Posts: 4
Hello,

I am using the JA_Purity Theme and I would like to change the color of the left vertical navigation menu.
I read a lot of things about changing the color, but I didn't get it right.
Can anybody explain it for a dummy? :-[

Thanks and best regards
Herbert


Top
 Profile  
 
PostPosted: Tue Apr 20, 2010 8:30 pm 
User avatar
Joomla! Guru
Joomla! Guru

Joined: Sun Feb 25, 2007 10:44 pm
Posts: 509
Location: New Jersey, USA
To make the changes, edit /css/menu.css at the following code. Note the colors blue, red, green and silver were used to create the following image.
Quote:
/* Default Joomla! Menu */
#ja-container2 ul.menu {
margin: 0;
padding: 1px 0 0;
list-style: none;
background: url(../images/hdot2.gif) repeat-x top;
}

#ja-container2 ul.menu li {
margin: 0 !important;
padding: 0 !important;
background: none !important;
}

#ja-container2 ul.menu li a {
padding: 2px 0;
display: block;
color: #333333;
background: url(../images/hdot2.gif) repeat-x bottom blue;
text-decoration: none;
outline: none;
}

#ja-container2 ul.menu li a span {
padding-left: 16px;
background: url(../images/bullet.gif) no-repeat 5px 5px red;
}

#ja-container2 ul.menu li a:hover,
#ja-container2 ul.menu li a:active,
#ja-container2 ul.menu li a:focus {
color: #333333;
background: url(../images/hdot2.gif) repeat-x bottom green;
text-decoration: none;
}

#ja-container2 ul.menu li.active a {
background: url(../images/hdot2.gif) repeat-x bottom silver;
color: #7BA566;
font-weight: bold;
text-decoration: none;
}


Attachment:
menu-colors.png


I hope that helps.

Phil


You do not have the required permissions to view the files attached to this post.


Top
 Profile  
 
PostPosted: Tue Jun 15, 2010 10:04 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Wed Apr 07, 2010 2:42 pm
Posts: 21
very helpfull thanks,

but I how do I change so the submenu got a different color than the main one?

So far I managed to change background and active/hover/focus color for submenu (default Joomla! Overview -> "whats new in 1.5") but I got the same main color on both.

example; I want to click "joomla overview" that is in white text, but want the submenu "whats new in 1.5" to appear in black text, can anyone point me to the right direction?

thank you!


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 3 posts ] 



Who is online

Users browsing this forum: timosz and 21 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group