• a

NEW & POPULAR DIVI CHILD THEMES

Supreme Store

Molti

Molti Ecommerce

Florence

WANT MORE?

MEMBERSHIP

Join Membership

Membership Benefits

CONTACT US

Send us a Message

Visit Documentation

RESOURCES

Our Blog

Customer Showcase

What's New?

Useful Tools

Affiliates

NEW & POPULAR DIVI CHILD THEMES

Supreme Store

Easily Setup Your Online Store with Supreme Store Child Theme.

Molti Ecommerce

Multipurpose Business/Ecommerce Child Theme for Divi.

Molti

Multipurpose Business Child Theme for Divi.

Florence

A Delicate & Innocent Business Child Theme for Divi.

WANT MORE?

Join Our Membership

Get access to all our Divi Products by Joining Membership!

Membership Benefits

See the Benefits of Joining Membership before you Join!

Send us a Message

Need Help? Send us a Message and we'll be glad to help.

Visit Documentation

Instead of waiting for us, try to find your answer in our Documentation.

Our Blog

See the Latest News, Divi Tips & Tricks and a lot more.

Useful Tools

Some Useful Divi & Web Design Tools that we use and you'll love.

Customer Showcase

See cool websites made by our Customers using our Child Themes.

Affiliates

Earn Money while Promoting our Products today.

What's New?

See what we've been working on and what's new from us.

How to Hide a Section for Logged out Users in Divi/Elementor.

Samar Jamil

Hi guys.

In this tutorial, I am going to show you how you can hide a Specific section for Logged out users in Divi and Elementor or any other Page Builders out there. There are many reasons why you wanted to do this so this is a solution for you.

It’s so easy no need of any plugin we just need to add a class to that section(that will not available for logged out user) and a few lines of CSS.

First of all, we need to add a class to that section which will be: hide-for-logged-out.

Then add a Code Module.

And paste this CSS in the that Box(You can add this code anywhere you paste your CSS codes just make sure to remove the style tags when you paste it in Theme Options and other places).

<style>
      body:not(.logged-in) .hide-for-logged-out {
    display: none !important;
}
</style>

Now, logout from your site and see that Section will not appear as you’re logged out.

In Elementor

The same thing goes for the Elementor as well just add class to that section:hide-for-logged-out

Now add a new module as HTML and paste that code into this box.

Now try to log out from your site and see that the Section will not appear as you’re Logged out.

So that’s it for this tutorial I Hope you’ve liked it and if you found any problem just put a comment in the section below and I’ll try to help you as soon as possible.

Share The Love ❤️

Written by: Samar Jamil

I Love to make beautiful and creative Divi Child Themes, Layouts and Module Designs for everyone to help them create beautiful websites with ease using Divi. I also Enjoy making helpful Divi Tutorials, Freebies, and More!