• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Implemented Log Out Button Does Not Have Class

Teapot

Well-known member
#1
A fairly simple request - the alerts and inbox tabs have "alerts" and "inbox" classes, but the log out button does not. This means I have to do a manual template edit to add icons to all four user area buttons. See:
HTML:
    <li class="navTab account Popup PopupControl PopupClosed  PopupContainerControl">
    <li class="navTab inbox Popup PopupControl PopupClosed PopupContainerControl">
    <li class="navTab alerts Popup PopupControl PopupContainerControl PopupClosed">   
    <li class="navTab PopupClosed">
The last item should have a "logout" class - although I can add it via a template edit, it would be easier to have it in core.

Thanks! :)
 

Chris D

XenForo developer
Staff member
#3
You should be able to target it in CSS quite easily... although it doesn't explicitly have its own class, the following selectors should only ever apply to the logout link:

Code:
.visitorTabs .PopupClosed .visitorTabItem