# 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"**

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

### **Hidden for logged-in users**

Just add a class **"hideforloggedin"**

<pre class="language-html" data-overflow="wrap" data-line-numbers><code class="lang-html">&#x3C;img src="#URL" class="hideforloggedin" alt=""/>

// Hide the Log-in button after logging in
&#x3C;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.&#x3C;/div>

// Button below will be displayed only for non-logged-in users
&#x3C;div class="rui-hero-btns d-inline-flex flex-wrap <a data-footnote-ref href="#user-content-fn-1">hideforloggedin</a>">
    &#x3C;a href="https://rosea.io" class="btn btn-lg btn-primary">Sign up&#x3C;/a>
&#x3C;/div>
</code></pre>

[^1]: This class will hide this button for logged-in users
