16 years 7 months ago
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