# Show/hide for non-logged in users

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

### **Content for Logged-In Users Only:**

This content is restricted and accessible only to users who are logged in.\
To apply this restriction, use the CSS class: **`.hidefornotloggedin`**.

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

### **Content for Non-Logged-In Users:**

This content is visible only to users who are not logged in.\
To apply this restriction, use the CSS class: **`.hideforloggedin`**.

{% code overflow="wrap" lineNumbers="true" %}

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

// For Block #1.
// Hide the Log-in button after login.
<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>
<div class="rui-hero-btns d-inline-flex flex-wrap hideforloggedin">
    <a href="https://rosea.io" class="btn btn-lg btn-primary">Sign up zalezy czy jestes zalogowany czy nie</a>
</div>
```

{% endcode %}