Request: Beautifiying ‘Home Register’

[krishnakumar_ka]

Hi,

I have a request. Most of the professional social networking site shows the home page as Kleo’s ‘Home Register’ (pfa sample homepages). Can you beatify this like what you did for V-connected? Or something new? The plus point of such home is that people will be forced to register before seeing the content or no. of members in the website.

People who are not pro in WP would be looking for such home pages.

Regards,

Krishnakumar

Attachments:

You must be logged in to view attached files.

[Kieran_SQ]

Hi,

With WP Bakery (formerly Visual Composer) installed you will be able to create a new page or edit the imported Home Register demo like any other page – this can be done via the back-end or the front-end. You can also import any other demo page that we have already built that you like the look of and adjust the content to suit your needs.

From your screenshots the only thing I can see that KLEO does not do out of the box is the inline login form in the menu area.

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[krishnakumar_ka]

Hi Kieran,

Now I have used Home Register on my website http://www.eduguru.co. Please see the attached image before reading My query.

You can see in the homepage image #1 and #2 red colored boxes: #1 is showing Logout tab #2 is showing registration on the homepage. #2 registration form is showing even after already logged in.

Query 1: Is there any way to show other pages like ‘sitewide activity’ after logging in?

Query 2: The #3 yellow box is the site menu. In your demo on ‘Home Register’ this menu is hidden. How to hide it.

Thank you.

Attachments:

You must be logged in to view attached files.

[Kieran_SQ]

Hi,

1. Redirect on login – please install Peter’s Login Redirect from the WordPress plugin repository by going to WP Admin > Plugins > Add New. Once you have installed this you can go to WP Admin > Settings > Login / Logout Redirects and set a redirect on login to your desired page for the user role ‘Subscriber’.

2. Menu – Please add the below CSS to the WP Bakery per page CSS, you can do this via the cog icon at the top of the editor (see screenshot).

.primary-menu.collapse.navbar-collapse.nav-collapse {display: none !important;}

3. Register shortcode – please hover over the register shortcode, click the pencil icon to edit, in the configuration modal that opens scroll to ‘Show for logged in users too’ and set ‘No’ in the drop down.

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

Attachments:

You must be logged in to view attached files.

[krishnakumar_ka]

Hi Kieran,

Thank you. I have done it. But I have noticed one more thing.

1) Even after login if we click on the logo(eduguru) the page ‘Home Register’ display. Can we avoid this anyway?

2) While editing Home Register one gap came on the footer side. May I know how to remove it?

3) Can we bring the animated connectors and nodes that we see in the V-Connected homepage to Register Homepage?

Thanks a lot. I think I am in the final stage of what I want to do with Kleo 🙂

Attachments:

You must be logged in to view attached files.

[Kieran_SQ]

Hi,

1. It looks like you have set the Home Register page to be the homepage – the page is just visuals there is no other logic behind it so it will show to both logged in and logged out users. Is your site going to be private? If so you can use the below code to redirect users away from BuddyPress pages to Home Register and set your home page to Activity (or whatever page you desire) via WP Admin > Settings > Reading > Static Page.

COPY CODE

// Redirect to register if logged out and page is BuddyPress
function kleo_page_template_redirect()
{
    //if not logged in and on a bp page except registration or activation
    if( ! is_user_logged_in() &&
        ( ( ! bp_is_blog_page() && ! bp_is_activation_page() && ! bp_is_register_page() ) )
    )
    {
        wp_redirect( home_url( '/home-register/' ) );
        exit();
    }
}
add_action( 'template_redirect', 'kleo_page_template_redirect' );

In the above example you should update the line where you see /home-register/ to suit the page slug of Home Register if you have edited it to anything other than the default from the demo content.

2. I’m probably going to have to look at the page to see what is going on there. Please share admin access, in a private reply, via this ticket. If you do not wish to share access please make sure the row is set to full height and padding for top and bottom is set to 0.

3. You should add this at the top of the main row before everything else by clicking the plus icon in the middle of the top row. When the modal opens to select an element search for ‘Galaxy Particles’ and set your desired values for this element.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

Attachments:

You must be logged in to view attached files.

[krishnakumar_ka]

This reply has been set as private.

[Kieran_SQ]

Hi,

At the bottom of the page you added a row with a gap element included, this made a gap of 90px in total at the bottom of the page (see screenshot).

I have removed this for you and it now displays as expected

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

Attachments:

You must be logged in to view attached files.

[krishnakumar_ka]

Hi Kieran,

Thank you. I don’t know how it happened (may be by mistake. sorry for that). I need to add some space below the logo, so that logo will stand above the registration box as displayed in the attached screenshot.

I hope I can do it with adding another gap of 10 or 20 px.

Thank you once again.

Attachments:

You must be logged in to view attached files.

[Kieran_SQ]

Hi,

In that case, as per my earlier reply, I have readded the 30px padding to the top and bottom of the row and it now displays correctly at that screen size.

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[krishnakumar_ka]

Wow, Kieran! So nice of you. You have enlightened (Kiran mean Sun/light in India) my idea 🙂 Thanks a lot.

Please close the ticket.

A fabulous, rocking, great weekend for you!

[Kieran_SQ]

Hi,

That’s great to hear, if you ever need more assistance with anything else feel free to open a new ticket and we’ll be happy to assist.

I didn’t know it meant light/sun in India, in Ireland where this spelling comes from it means dark. It’s a bit of a Yin/Yang thing I guess 🙂

If you haven’t already done so please consider leaving the support received / theme a review on Theme Forest – every review really does help. https://themeforest.net/item/kleo-pro-community-focused-multipurpose-buddypress-theme/reviews/6776630

All the best with your project,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[krishnakumar_ka]

This reply has been set as private.

[Kieran_SQ]

Thanks so much for updating your review, it really does help 🙂 We’re happy to help as always.

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[krishnakumar_ka]

Hi Kieran,

Need a small help.

1) How to reduce or increase the tint (colour) of the registration box in home register? (PFA image)

2) In your #191184 answer, you have mentioned the following code. I am already using “Peter’s Login Redirect”. Before I make changes as mentioned in the following code, do I need to deactivate Peter’s Login Redirect plugin?
—————————————————————————————————
1. It looks like you have set the Home Register page to be the homepage – the page is just visuals there is no other logic behind it so it will show to both logged in and logged out users. Is your site going to be private? If so you can use the below code to redirect users away from BuddyPress pages to Home Register and set your home page to Activity (or whatever page you desire) via WP Admin > Settings > Reading > Static Page.

COPY CODE
// Redirect to register if logged out and page is BuddyPress
function kleo_page_template_redirect()
{
//if not logged in and on a bp page except registration or activation
if( ! is_user_logged_in() &&
( ( ! bp_is_blog_page() && ! bp_is_activation_page() && ! bp_is_register_page() ) )
)
{
wp_redirect( home_url( ‘/home-register/’ ) );
exit();
}
}
add_action( ‘template_redirect’, ‘kleo_page_template_redirect’ );
In the above example you should update the line where you see /home-register/ to suit the page slug of Home Register if you have edited it to anything other than the default from the demo content.
—————————————————————————————————

Attachments:

You must be logged in to view attached files.

[Kieran_SQ]

Hi,

You can change the color transparency by editing the page, clicking the pencil edit icon for the 3rd row, selecting the design options tab that opens in the modal window and then open the background color picker tool. At the bottom of the bar you will see a percentage slider for alpha (transparency), slide this to a number less than the current 20 for more transparency or a number greater than 20 for less transparency (see screenshot).

With regards to the code above, Peter’s Login Redirect will redirect a user upon login or logout and does not interact with the default home page – therefore you can use both the code and plugin without any conflict. Please make sure to take the code from my reply and not the unformatted pasted version from your above reply.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

Attachments:

You must be logged in to view attached files.

[Author]

Posts