Joomla Templates Club 406,261 posts

[henrik1782 Friend henrik1782Join date: October 2011Posts: 109Downloads:0Uploads:35 Thanks: 20 Thanked: 5 times in 1 posts]

#175766

I have edited some of the Easyblog css to get the Easyblog menu to have a better look when implemented into JA Social.

I just cant get the hovered setting to stay when menu iten is selected (active). I know this is a basic css issue so just take a laugh and see if you can help me 😀

I could not mange to get it to look like the mega menu, but the colour scheam is better than standard Easyblog layout.

site http://1test.ftb-forum.dk/index.php/easyblog/


#ezblog-menu .blog-navi li.float-r {
border-left: 1px dotted #6BA8BF;
border-right: 0 none;
}
#ezblog-menu .blog-navi li.float-r {
border-left: 1px dotted #6BA8BF;
border-right: 0 none;
}
#ezblog-menu .blog-navi li a, #ezblog-menu .blog-navi li a span, #ezblog-menu .blog-navi li a:hover, #ezblog-menu .blog-navi li a:hover span {
color: #FFFFFF;
display: block;
font-style: normal;
font-size: 100%;
text-shadow: 0 -1px 0 rgba (0, 0, 0, 5);
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
}
#ezblog-menu .blog-navi li a {
height: 30px;
line-height: 30px;
padding: 5px 8px;
text-align: left !important;
}
#ezblog-menu .blog-navi li {
border-right: 1px dotted #6BA8BF;
}
#ezblog-menu .blog-navi {
background: none repeat scroll 0 0 #2783A5;
}
#ezblog-menu {
border: 1px solid #4FAED2;
border-radius: 3px 3px 3px 3px;
clear: both;
}
#ezblog-menu .blog-navi li a:hover span {
background: #FFFFFF repeat scroll 0 0;
}
#ezblog-menu .blog-navi li a:hover{
background: #FFFFFF repeat scroll 0 0;
}
#ezblog-menu .blog-navi li a:hover,
#ezblog-menu .blog-navi li a:hover span {
color: #333333;
display: block;
font-style: normal;
font-size: 100%;
text-shadow: 0 -1px 0 rgba (0, 0, 0, 5);
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
}


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

#447243

I just cant get the hovered setting to stay when menu iten is selected (active). I know this is a basic css issue so just take a laugh and see if you can help me

I see it is normal. Could you give me a snapshot with your comment to illustrate your issue?

[henrik1782 Friend henrik1782Join date: October 2011Posts: 109Downloads:0Uploads:35 Thanks: 20 Thanked: 5 times in 1 posts]

#447473

This is the menu. When menu items are hovered it is show like the picture but when I select an item (active) this menu igem background just becom blue again.

---

Attachments:

1. 

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

#447701

You add the code into /templates/your_template/css/template.css

#ezblog-menu .blog-navi li.item-active a {
background: #F4F8FA repeat scroll 0 0;
}

[Author]

Posts