Skip to content

Instantly share code, notes, and snippets.

@KaineLabs

KaineLabs/youzer-navbar-icons-above-titles.css

Created December 26, 2017 20:52
Show Gist options
  • Save KaineLabs/d1f8e9381286e1fd03da2ef882b85156 to your computer and use it in GitHub Desktop.
Save KaineLabs/d1f8e9381286e1fd03da2ef882b85156 to your computer and use it in GitHub Desktop.
Download ZIP
Youzer - Navbar Icons above titles
Raw
youzer-navbar-icons-above-titles.css
.yz-profile-navmenu .yz-navbar-item a i {
display: block;
margin: 0 0 10px;
}
.youzer.yz-horizontal-layout .yz-navbar-item a {
min-width: 80px;
}
@media screen and (max-width: 768px) {
.youzer .yz-profile-navmenu .yz-navbar-item a>i {
display: inline-block;
margin: 0;
}
}
@KaineLabs
Copy link
Author

Add it into :

Youzer Panel > General Settings > Custom Styling Setting > Profile Styling Settings.

Don't forget to enable "Enable Profile CSS" option above the textarea !!

@sohomnet
Copy link

sohomnet commented Dec 8, 2019

There are few Buddypress plugins presents, which automatically creates nav items with icons, can you please guide me how to change those icons? There is no options in Youzer Panel -> Tabs Settings and Youzer Panel ->Custom Tab Settings (as those icons automatically creates new nav items.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment