Team, could someone help me with css... im trying to overide the topbar css via a plugin. I wanna place the topbar logo float to the left and all other icons (avatar, mail) float to the right beside the Account Settings dropdown. But, the logo follows the icons floated to the right. Basically, just wanna have the topbar logo separated and stay on the left side and all other icons/link to the right.
Below, puts all icons to the right instead:
/* ***************************************
TOPBAR MENU
*************************************** */
.elgg-menu-topbar {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
float: right;
}
trying to put the logo stay on the left side
}
.elgg-menu-topbar > li > a.elgg-topbar-logo {
float: left;
margin-top: 0;
padding-left: 5px;
padding-right: 60px;
width: 38px;
height: 20px;
}
but it doesnt separate the topbar logo. Please help....
info@elgg.org
Security issues should be reported to security@elgg.org!
©2014 the Elgg Foundation
Elgg is a registered trademark of Thematic Networks.
Cover image by RaĆ¼l Utrera is used under Creative Commons license.
Icons by Flaticon and FontAwesome.
- Team Webgalli@webgalli
Team Webgalli - 0 likes
- bryan@nyaki
bryan - 0 likes
- bryan@nyaki
bryan - 0 likes
- Team Webgalli@webgalli
Team Webgalli - 0 likes
- bryan@nyaki
bryan - 0 likes
You must log in to post replies.You cant set it via css alone. You have to first unregister menu items except the logo using elgg_unregister_menu_item() and then you have to re-register them using elgg_register_menu_item() with section as alt.
thanks.. it seems to work, however, the icons are not showing but links. How I can show the icons?
elgg_register_menu_item('topbar', array(
'name' => 'messages',
'text' => elgg_echo('messages'),
'href' => "messages",
'section' => 'alt',
));
finally! Got it sorted! cheers
You have to use elgg_view_icon() for text. See the start.php of messages plugin.
all showing now! thanks