Customizing Kleo Popup.

[chsreddy]

Hi,

I am Using PeepSo plugin; There is a different registration page for PeepSo, and I prefer that,

But KLEO login popup works beautifully,

I want to use http://www.mywebiste.com/register instead of ” http://test.vrlad.com/wp-login.php?action=register ”

I want to change the link to the register.

Could please specify the file name, so that I can make the changes.

Cheers and Regards

—————————————————————————————————————————–

 

[Radu]

Hi,

You will have to overwrite a general-popups.php file for that by copying it to child theme. Copy this file : /kleo/wp-content/themes/kleo/page-parts/general-popups.php to : /wp-content/themes/kleo-child/page-parts/general-popups.php

Then see the below screenshot, replace the

NOTE : Kleo child theme needs to be installed and activated

Cheers
R.

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

What support service includes ? What not ?

[chsreddy]

Hi I have made the changes accordingly and everything worked fine until I switched to and fro from child-parent and from parent-child, but the changes made in KLEO child theme ->popup are intact,

But the Create an account in the register page redirects to default wp-login.php,

Please help me out 🙁

[Radu]

Hi,

If I open login pop-up from your site and I click register I’m directed to the BuddyPress register page http://test.vrlad.com/register/

Maybe it was a cache issue ?

Do you have solved ?

Let me know

Cheers
R.

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

What support service includes ? What not ?

[chsreddy]

This reply has been set as private.

[chsreddy]

Changing the POP-up in KLEO parent theme made it 🙂

[Radu]

Hi,

Do you have solved with the register link?

What about the sidebar ? what you want to customize ?

Cheers
R.

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

What support service includes ? What not ?

[chsreddy]

—————————————

Hi I need the customization with the sidebar,

the sidebar color, any background image if possible, change animation and I want to know what are the available customizations for the sidebar :).

—————————————

Regarding the KLEO popup,

The child theme is active, but changes in the parent theme are making the changes 🙂
Seems strange but it works, Can you please look after this 🙂

———————-
Thank you.

[Radu]

Hi,

For the sidebar customization you can use those selectors

COPY CODE

.sidebar.sidebar-right {background: red; color: green;}
.sidebar.sidebar-right a {color:orange !important;}
.sidebar.sidebar-right a:hover {color:aquamarine !important;}
.sidebar.sidebar-right h4 {color:blueviolet !important}

If you need any other selector let me know

For the pop-up make sure to have same folder name and also the filename like in parent theme, this is the most common mistake when rewriting files in child.

The Css will be added to wp-admin -> theme options -> general settings -> quick css

Cheers
R.

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

What support service includes ? What not ?

[chsreddy]

Hi, Radu I made a mistake in framing the question!

I need the CSS to customize the side menu.

I am sorry for the mistake. And is there a documentation which provides the information regarding the selectors you mentioned above, if provided we can try things before we ask you everytime.

Regards

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

Use those selectors instead

COPY CODE

.offcanvas-sidebar {
    background: lightblue;
}

.offcanvas-menu li a {
    color: yellow !important;
}
.offcanvas-sidebar .widget_nav_menu ul li a {
    border-bottom: 1px solid green !important;
}

.offcanvas-sidebar .widget_nav_menu ul li a :first-child {
        border-bottom: 1px solid green !important;
}

.offcanvas-sidebar .widget_nav_menu ul li a:last-child {
        border-bottom: 1px solid green !important;
}

Cheers
R.

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

What support service includes ? What not ?

[chsreddy]

Hey, Radu, you are the man.

It is what I needed,

But can help me changing the Active link Color in that, As of now it is Black. I want to change it without affecting anything in the site :).

Image attached below.

—————————————————————-
Request 1:
Is there any chance that we can enable swipe to bring the side-menu in a smartphone
Swipe From Right/Left to bring the side-menu, I have seen a plugin [ WP Responsive Menu ] implement that but it does not replace the existing menu but creates a new menu on top of existing menu.
—————————————————————–

Regards

Attachments:

You must be logged in to view attached files.

[Radu]

This reply has been set as private.

[chsreddy]

This reply has been set as private.

[Radu]

Hi,

Se those selectors

COPY CODE

.side-color .widget_nav_menu li.active > a, .side-color #wp-calendar tbody td:hover, .side-color .widget_nav_menu .current_page_item > a {
    color:#fff !important;
    background-color:red !important; 
}

.side-color .widget_nav_menu li:first-child > a {
    border-top: 0px solid #000 !important;
}

The Css will be added to wp-admin -> theme options -> general settings -> quick css
Cheers
R

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

What support service includes ? What not ?

[Author]

Posts