Joomla Templates Club 406,261 posts

[mmservices Friend mmservicesJoin date: March 2011Posts: 25Downloads:0Uploads:4 Thanks: 6]

#162189

hello forum,

after having read allover the forum entries regarding the above stated problem, i would like to post my issue here:

in JA Nickel template i use a footer menu on position ‘user3’. So far technically everything goes well with the menu itself. what i could not figure out is the proper css-command wwhich visually shows a different state between hover and active for a respective menu item.

here are the code fragments from the footer navigation section:

/* FOOTER
——————————————————— */
#ja-footer {
background: #ffffff;

text-align: center;
}

#ja-footer .main {
border-top: 1px solid #e0e0e0;
border: 1px 0px 0px 0px solid #e0e0e0;
text-align: left;
}

#ja-footer small {
color: #666666;
font-size: 100%;
margin-top: 10px;
}

#ja-footer ul {

line-height: normal;
margin: 0 0 15px 25px; /* Abstand des gesamten Footers nach Links / Rechts / Oben / Unten */
}

#ja-footer li {
display: inline;
margin: 0;
padding: 0 20px 0 20px; /* Abstand Links und Rechts des Footer-Menus */

}

#ja-footer a {
background: #FFFFFFF !important;
color: #666666;
display: inline;
line-height: normal;
}

#ja-footer a:hover,
#ja-footer a:focus
{
color: #666666;
text-decoration: underline !important;
background: #fffff !important;
}

#ja-footer a:active
{
# background: #fffff !important;
color: #11175e;
text-decoration: underline !important;
}

#ja-footer active
{
# background: #fffff !important;
color: #11175e;
text-decoration: underline !important;
}

#ja-footer active a
{
# background: #fffff !important;
color: #11175e;
text-decoration: underline !important;
}

#ja-footer a.active:active
{
# background: #fffff !important;
color: #11175e;
text-decoration: underline !important;
}

.ja-footurl {
clear: both;
float: none;
}

what i would like to get managed is an underline for an active element. this does not work s far. for hovered elements there is no problem. this works.

any targeting help is much appreciated.

best regards in advance,

netshare

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#384290

Hi,
I think your css works normally. Could you give me a link to your website to check online?

[mmservices Friend mmservicesJoin date: March 2011Posts: 25Downloads:0Uploads:4 Thanks: 6]

#384298

Hello khoand,

thank you for your fast reply.

Yes, sure.

The temporary link is: http://new.oeschger-brandschutz.ch

Here you can see that the bottom menu does not react on the ‘active’ state.

The activated menu item should get the already mentioned ‘underline’. But it does not.

Keep me updated on your findings.

Best,

Netshare

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#384370

Dear mmservices,

You can add this css
#active_menu-nav {
text-decoration: underline;
}

Into the template.css file,i think that would help !

1 user says Thank You to Sherlock for this useful post

1. mmservices

[mmservices Friend mmservicesJoin date: March 2011Posts: 25Downloads:0Uploads:4 Thanks: 6]

#384409

Dear dathq,

thanks for your feedback.

Yes, indeed, this was the targeting advice.

Many thanks for providing this information to the forum.

Best regards,

Netshare

[Author]

Posts