Hide some css in the custom.css file for logged in users of the site?

jamjodesign

Hi there, this topic is actually in relation to this closed topic here: https://member.joomlart.com/forums/d/2608-making-sure-the-login-redirects-to-a-page-and-not-a-popup Basically I did get my question answered and it worked 90% however when the user is logged in Id like to hide this custom module and show the JA login module of course so the username shows like so in the top right hand corner: http://recordit.co/PYD9vnSBy2 however as you can see when the user is logged in the custom css is not needed for this module.

So how do I hide the css below when a user is logged into the site. Can I wrap this css in something to hide it for logged in users? :

.t3-topbar .ja-login {
margin-top: 7px !important;
}

pavit

jamjodesign

You can set your custom module as access to guest group only and ja-login module with access set to registered

Regards

jamjodesign

pavit Thank you I did exactly that. However the css for the custom module which is set to push the font down about 5px is also active for the ja login module when the user is logged in. So for example right now I have it set the way you say but this happens: http://recordit.co/F787t8ReHZ because the css you see for the custom module also effects the ja-login module!! So I was wondering if there is there a way to hide the css change for logged in users?

pavit

Hi jamjodesign

Change the class added to your custom module to ja-login custom in this way

.t3-topbar .ja-login.custom {
margin-top: 7px !important;
}

Then add to your custom module this suffix

ja-login custom

This class will be applied only to your custom module

jamjodesign So I was wondering if there is there a way to hide the css change for logged in users?

It is not possible to hide part of code to different users groups.

Regards

jamjodesign

pavit Thank you kindly Pavit, that worked great.