Hide Boxes if User is Logged In

[robintee]

It’s fantastic having a Sign Up Today section, but how do you hide it when a user is logged in…

[robintee]

I’m logged in so how do I hide the sign up part.

[Kyle – SUPPORT]

I’m afraid that’s not a standard feature of the theme, if you need that functionality you would need to hire a developer

– Kyle

[robintee]

That’s really silly. Why would I buy a theme which can display a sign up, but not be able to hide when user is logged in? That defeats the purpose of having a sign up button.

[Kyle – SUPPORT]

You have added the sign up yourself, correct? It’s not on our demo

– Kyle

[robintee]

True.
But there is a sign in, my account and a sign out section on the whole demo.

I was able to do this widget logic option with a similar page builder, but as I love the theme, I had to do this with the swift builder.

– Robin

[Kyle – SUPPORT]

Yes, the sign in and out feature is built into the theme, when you are not signed in, the link will show the sign in text and when you are signed in it will show my account and sign out. This is something that is built into the theme. You are referring to a static piece of text/button that you have added, therefore there is no function assigned to that block, so how would it know when the user is signed in?

– Kyle

[Kyle – SUPPORT]

Sorry, it can however be done with css, if you provide me with a link I will give you some css so that you have hide that section when logged in

– Kyle

[robintee]

Thank you so much Kyle. Greatly appreciated!

I’ll try and track the css 🙂

SECTION ONE TO HIDE
<div class=”full-width-text spb_content_element alt-bg alt-four col-sm-12 mb0 bb0 pb0 no-arrow spb_text_column”>
<div class=”spb_wrapper clearfix”>

<h1 style=”text-align: center; margin-bottom: 20px;”>Ready to experience the next generation?</h1>
<p style=”text-align: center;”><span class=”text”>SIGN UP TODAY!</span>

</p></div>
</div>

SECTION TWO TO HIDE
<div class=”full-width-text spb_content_element alt-bg alt-four col-sm-12 mb0 bb0 pb0 no-arrow spb_text_column”>
<div class=”spb_wrapper clearfix”>

<h1 style=”text-align: center; margin-bottom: 20px;”>Ready to experience the next generation?</h1>
<p style=”text-align: center;”><span class=”text”>SIGN UP TODAY!</span>

</p></div>
</div>

SECTION THREE TO HIDE
<div class=”spb_content_element col-sm-6 spb_text_column”>
<div class=”spb_wrapper clearfix”>
<h3 class=”spb-heading spb-text-heading”><span>What is Guys+Girls?</span></h3>

<p><span style=”color: #444444;”>Vestibulum ac tempor magna. Nulla consequat ornare lorem, accumsan ultrices sem placerat et. Donec felis mi, ultrices et tristique eu, pretium vel ligula. Nulla facilisi. Nulla fermentum, sapien eu varius.</span></p>

</div>
</div>

Hope you can help! 🙂

Loving the theme, and greatly appreciate the help.

[Kyle – SUPPORT]

Ok please add ‘hide-logged-in’ to the extra class field of each section you need to hide when logged in, then add this to your custom css:

.logged-in .hide-logged-in {
  display: none;
}

– Kyle

[robintee]

Cheers, greatly appreciated. I’ll check back with how it went 🙂

[robintee]

Thank you so much Kyle! Worked perfectly 🙂

[Mohammad – SUPPORT]

Hi,
You most welcome . I’m glad that issue resolved . Thanks Kyle 🙂 .
With Best Regards
Swift Ideas

[Kyle – SUPPORT]

No problem 🙂

– Kyle