Hi joined joomlabamboo last night realy impressed with the snow template witch is what i am using. i am trying to make the top menu have its own css style rather than it just be set to the [code:1]a {

color: #666;

line-height: 20px;

text-decoration: none;

padding-left: 5px;

padding-right: 5px;

font-size: 22px;

}

[/code:1]were is best to start as you might guess i am pretty new at coding to still learning



all i need is the top menu to have its own css and not use the above code



i am trying to increase the font size and color only in the top menu



regards

stuart

You can do this a couple of ways in Joomla!



You can hard code it and put the following at the bottom of your template_css.css file;





[code:1]#top a {font-size:14px;color:#ccc}[/code:1]



or assign a module class. The template has -top_menu built in to it. So you can achieve the same top menu that you see in the demo by putting that in the module class suffix for the menu module you are using their. You can obviously go through and find the relevant links and change them there ... .moduletable-top_menu ul li a is the css you need to change.





[code:1]/* Top Nav - module class suffix -top_menu

---

*/



.moduletable-top_menu ul



{



text-align: left;

padding-bottom: 5px;

padding-top: 0px;

padding-left: 10;

margin-top: 0;

float: right;

margin-left: 0;

color: white;

width: 100%;

font-family: Arial,Helvetica,sans-serif;

line-height: 18px;







}







.moduletable-top_menu ul li



{



display: inline;

padding-left: 0;

padding-right: 0;

padding-bottom: 5px;







padding-top: 10px;



}







.moduletable-top_menu ul li a



{



padding-left: 10px;

padding-right: 25px;

padding-bottom: 5px;

padding-top: 10px;

color: #9D9C79;

text-decoration: none;

line-height:18px;

border-bottom: 0px;

}







.moduletable-top_menu ul li a:hover



{

border-bottom: 0px;

color: #ccc;

text-decoration: underline;

}







[/code:1]



Glad you like the designs <br><br>Post edited by: Anthony Olsen, at: 2007/08/09 13:23

cool tnx for the quick reply Anthony

i tried both and it still only works when changing the a code

Have you got a url for me to look at to see whats going on?