In Menu items in settings, I can create links. Which is very useful. I would like to highlight one link over the others. It seems that might be possible using the "CSS class:" setting.
I can't find how to make this do anything.
2 years ago
2
- By rafalp 2 years ago.
- By rafalp 2 years ago.
Your desktop browser has "inspect element" function that lets you peek at HTML of generated element. I've set
nav-item-discordas CSS class on Discord link on this site. When I inspect it's HTML in chrome I see this:<li> <a href="https://discord.gg/fwvrZgB" class="nav-item-discord" target="_blank"> Discord </a> </li>So I can style it both in navbar and footer with this custom css:
.nav-item-discord { color: #738ADB !important; }Note that
!importantis required because otherwise stronger selectors from default theme will override custom style.If you want to use separate styles for navbar and footer, you will have to use more specific select. For desktop navbar it's
.navbar-desktop-nav .nav-item-discord, for footer its.footer-nav .nav-item-discord.That works perfectly. I love the easy mod/themeable capability of misago. Apologies for the dumb questions.....I'm getting to know my way around.
