🕶️Show/hide for non-logged in users

You can hide any element on the website for non-logged-in users.

Hidden for non-logged-in users

Just add a class "hidefornotloggedin"

<img src="URL" class="hidefornotloggedin" alt=""/>

Hidden for logged-in users

Just add a class "hideforloggedin"

<img src="#URL" class="hideforloggedin" alt=""/>

// Hide the Log-in button after logging in
<div class="rui-hero-desc">From its medieval origins to the digital era, learn everything there is to know about the ubiquitous lorem ipsum passage.</div>

// Button below will be displayed only for non-logged-in users
<div class="rui-hero-btns d-inline-flex flex-wrap ">
    <a href="https://rosea.io" class="btn btn-lg btn-primary">Sign up</a>
</div>

Last updated