Modal popup styling – shortcode adition

[giorgos]

Modal popup looks very nice . Thanks. I would like to put some styling, lets say border-radius, add forgot password link
and as I have additional social login icons to add their shortcode.

Can you please help with it.

An example of a nice modal pop up

I hope next version you can squeeze a modal popup register 🙂

[Catalin]

Hello,

For rounded corners add this code in your style.css file from the child theme:

COPY CODE

.kleo-form-modal
{
  border-radius: 15px;
}

.kleo-pop-title-wrap
{
  border-top-left-radius: 15px;
 border-top-right-radius: 15px;
}

to style lost pasword link you can select it by using:

COPY CODE

#kleo-login-modal a.kleo-show-lostpass
{
  code you want to add
}

Let me know if this works.

Thank you,
Catalin

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

[giorgos]

Thanks Catalin, rounded corner works fine. I have no lost password link though in the modal popup

Also any idea how can I add additional social login besides facebook by using an existing shortcode. I use this shortcode in the register page already

[Catalin]

Hello,

The template file can be found here:

..\wp-content\themes\kleo\page-parts\general-popups.php

To add lost password link in the file take a look at this link:

http://codex.wordpress.org/Function_Reference/wp_lostpassword_url

To add other social login modes, you can use this plugin:

https://wordpress.org/plugins/oa-social-login/faq/

the code that needs to be added in the template is this:

COPY CODE

<?php do_action('oa_social_login'); ?>

Thank you,
Catalin

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

[giorgos]

Thanks Catalin, All work fine now. I was looking for the template file (general-popups.php)

[Author]

Posts