help needed for top menu change - Joomla! Forum - community, help and support
hi,
i have installed custom template joomla , works fine..well other top menu.
the top menu taking default font. want change no matter css change not implemented.
i pasting css below, can tell me change tp menu.
i require tpmenu be:
a.topnavi:link, a.topnavi:visited {
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
text-align:left;
color: #333333;
}
my css is:
/* css document */
body {margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; background-color:#ffffff;}
/*---------------------------------------------------*/
/* content area */
/*---------------------------------------------------*/
.tableborder
{
border-top: groove;
border-top-color: #00000;
border-top-style: groove;
}
.table{
height:auto;
background-image:url(images/bg-head.jpg);
}
.cont {
background-image:url(images/white_left.jpg);
background-position:left;
background-repeat:repeat-y;
}
/*---------------------------------------------------*/
/* footer bg */
/*---------------------------------------------------*/
.footer_bg {
background-image:url(images/footer_bot.jpg);
background-position:top;
background-repeat:repeat-x;
}
/*---------------------------------------------------*/
/*---------------------------------------------------*/
/* normal text */
/*---------------------------------------------------*/
.menu-layer { position:relative; visibility:visible; left:0px; top:0px; z-index:2; }
.head
{
font-family:arial, helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#666666;
text-align:right;
}
.h3{
font-family: verdana, arial, helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ffffff;
}
.heading2
{
font-family:verdana, arial, helvetica, sans-serif;
font-size:13px;
color:#0066cc;
font-weight:bold;
}
.welcome
{
margin-top:-20px;
}
.content{
font-family:arial, helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
}
.content1{
font-family:arial, helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
}
.normaltext {
font-family:verdana, arial, helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-align:justify;
color:#000000;
}
.newfont {
font:atlantis mf;
font-size:11px;
font-weight:bold;
text-decoration:none;
text-align:justify;
color:#000000;
}
.normal {
font-family:verdana, arial, helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-align:justify;
color:#000000;
}
.bullet {
font-family:arial, helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
list-style-image: url(images\circle.jpg);
}
.ul
{
font-family:arial, helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
margin: 0;
padding: 0;
list-style-image:url(images\circle.jpg);
}
.li
{
font-family:arial, helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
list-style-image:url(images\circle.jpg);
background-repeat: no-repeat;
background-position: 0px 2px;
}
/*---------------------------------------------------*/
a.mainlevel:link, a.mainlevel:visited {
display: block;
background: url(http://76.12.60.13/images/menu_bg.jpg) no-repeat;
vertical-align: top;
font-size: 10px;
font-weight: bold;
color: #000000;
font-family:verdana, arial, helvetica, sans-serif;
text-align: left;
padding-left:58px;
padding-top:6px;
height: 28px !important;
height: 30px;
width: 177px;
text-decoration: none;
}
/* sub menu */
a.sublevel:link, a.sublevel:visited{
display: block;
background: url(http://76.12.60.13/images/menu_bg.jpg) no-repeat;
vertical-align: middle;
font-size: 10px;
font-weight: bold;
color: #000000;
font-family:verdana, arial, helvetica, sans-serif;
text-align: left;
padding-top: 8px;
padding-left: 58px;
height: 20px !important;
height: 30px;
width: 177px;
text-decoration: none;
}
/* end sub menu */
i have installed custom template joomla , works fine..well other top menu.
the top menu taking default font. want change no matter css change not implemented.
i pasting css below, can tell me change tp menu.
i require tpmenu be:
a.topnavi:link, a.topnavi:visited {
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
text-align:left;
color: #333333;
}
my css is:
/* css document */
body {margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; background-color:#ffffff;}
/*---------------------------------------------------*/
/* content area */
/*---------------------------------------------------*/
.tableborder
{
border-top: groove;
border-top-color: #00000;
border-top-style: groove;
}
.table{
height:auto;
background-image:url(images/bg-head.jpg);
}
.cont {
background-image:url(images/white_left.jpg);
background-position:left;
background-repeat:repeat-y;
}
/*---------------------------------------------------*/
/* footer bg */
/*---------------------------------------------------*/
.footer_bg {
background-image:url(images/footer_bot.jpg);
background-position:top;
background-repeat:repeat-x;
}
/*---------------------------------------------------*/
/*---------------------------------------------------*/
/* normal text */
/*---------------------------------------------------*/
.menu-layer { position:relative; visibility:visible; left:0px; top:0px; z-index:2; }
.head
{
font-family:arial, helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#666666;
text-align:right;
}
.h3{
font-family: verdana, arial, helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ffffff;
}
.heading2
{
font-family:verdana, arial, helvetica, sans-serif;
font-size:13px;
color:#0066cc;
font-weight:bold;
}
.welcome
{
margin-top:-20px;
}
.content{
font-family:arial, helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
}
.content1{
font-family:arial, helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
}
.normaltext {
font-family:verdana, arial, helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-align:justify;
color:#000000;
}
.newfont {
font:atlantis mf;
font-size:11px;
font-weight:bold;
text-decoration:none;
text-align:justify;
color:#000000;
}
.normal {
font-family:verdana, arial, helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-align:justify;
color:#000000;
}
.bullet {
font-family:arial, helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
list-style-image: url(images\circle.jpg);
}
.ul
{
font-family:arial, helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
margin: 0;
padding: 0;
list-style-image:url(images\circle.jpg);
}
.li
{
font-family:arial, helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
list-style-image:url(images\circle.jpg);
background-repeat: no-repeat;
background-position: 0px 2px;
}
/*---------------------------------------------------*/
a.mainlevel:link, a.mainlevel:visited {
display: block;
background: url(http://76.12.60.13/images/menu_bg.jpg) no-repeat;
vertical-align: top;
font-size: 10px;
font-weight: bold;
color: #000000;
font-family:verdana, arial, helvetica, sans-serif;
text-align: left;
padding-left:58px;
padding-top:6px;
height: 28px !important;
height: 30px;
width: 177px;
text-decoration: none;
}
/* sub menu */
a.sublevel:link, a.sublevel:visited{
display: block;
background: url(http://76.12.60.13/images/menu_bg.jpg) no-repeat;
vertical-align: middle;
font-size: 10px;
font-weight: bold;
color: #000000;
font-family:verdana, arial, helvetica, sans-serif;
text-align: left;
padding-top: 8px;
padding-left: 58px;
height: 20px !important;
height: 30px;
width: 177px;
text-decoration: none;
}
/* end sub menu */
hello,
you css wrong
should be:
.topnavi a:link, a:visited {
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
text-align:left;
color: #333333; }
or maybe:
.topnavi a, a:visited {
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
text-align:left;
color: #333333; }
if ".topnavi" class.
you css wrong
a.topnavi:link, a.topnavi:visited {
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
text-align:left;
color: #333333; }
should be:
.topnavi a:link, a:visited {
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
text-align:left;
color: #333333; }
or maybe:
.topnavi a, a:visited {
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
text-align:left;
color: #333333; }
if ".topnavi" class.
Comments
Post a Comment