How to change a CSS class if user logged in versus logged out ?

[mhote]

This is a customisation, hence wondering if the community knows an answer, not necessarily SI support.

I’m trying to edit the Login top-nav css class. It should look like a call to action when logged out ie.

background-color: #000;
color: #fff;
padding: 10px;
border-radius: 15px;

And when logged in, I don’t want the ‘Sign Out’ button (which it becomes) to look like a call to action. ie

background-color: #fff;
color: #000;

Any ideas appreciated 😉

[Mohammad – SUPPORT]

Hi,
This is logged in class:-

.logged-in div#top-header div.container div.th-right.col-sm-6.clearfix nav.std-menu.top-header-menu ul.menu li:first-child{
background-color: #fff !important;
color: #000 #fff !important;
}

Hope that should work and let me know your feedback.
Thanks 🙂
With Best Regards
Mohammad

[mhote]

Mohammad – you are brilliant. The above didn’t work exactly, but the below tweak did.

.logged-in div .top-header-menu .menu > li:first-child > a {
    background-color: #fff !important;
    color: #333333 !important;
    opacity: 0.1 !important;
}

[Mohammad – SUPPORT]

Hi,
I just gave loged in class example. I am glad that your issue resolved.
Thanks 🙂
With Best Regards
Mohammad