sidebar login form

This topic has 5 replies, 2 voices, and was last updated 9 years by sharmstr.

Author

Tagged: sidebar login form
August 8, 2015 at 21:00 #72290

iza
Participant

Hello Kleo!

Need your assistant on how to relocate kleo-fb-wrapper text on sidebar and footer login.
As a default its on the top of login form and i want it to be at the bottom.

thanks in advance!
August 9, 2015 at 14:32 #72326

sharmstr
Moderator
Assuming you’re asking how to move the fb login button from the top of the widget to the bottom, try this in your child’s function.php file.
COPY CODE
```
add_action('init','move_fb_button');
function move_fb_button() {
    remove_action('bp_before_login_widget_loggedout', 'kleo_fb_button' );
    add_action('bp_after_login_widget_loggedout', 'kleo_fb_button' );
}
```
And this in your quick css
COPY CODE
```
.widgets-container .kleo-fb-wrapper {
    margin-top: 10px !important;
}
.widget_bp_core_login_widget .gap-20, .widget_bp_core_login_widget .hr-title {
    display: none;
}
```
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
August 12, 2015 at 06:22 #72664

iza
Participant

hi @sharmstr!

Sorry for a late reply,
i just want to say thank you and it works, but is there any possible way that we can add the gap 20 and hr title ( —–OR—– ) on the top kleo fb button?
August 12, 2015 at 15:11 #72692

sharmstr
Moderator
Remove the css I gave you and change the code to this
COPY CODE
```
add_action('init','move_fb_button');
function move_fb_button() {
    remove_action('bp_before_login_widget_loggedout', 'kleo_fb_button' );
    add_action('bp_after_login_widget_loggedout', 'kleo_fb_button' );
}

function kleo_get_fb_button()
{
    ob_start();
    ?>
    <div class="kleo-fb-wrapper text-center">
        <div class="hr-title hr-full"><abbr> <?php echo __("or", "kleo_framework");?> </abbr></div>
        <div class="gap-20"></div>
        <a href="#" class="kleo-facebook-connect btn btn-default "><i class="icon-facebook"></i> &nbsp;<?php _e("Log in with Facebook", 'kleo_framework');?></a>
    </div>

    <?php

    $output = ob_get_clean();

    return $output;
}
```
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
August 14, 2015 at 05:13 #72941

iza
Participant

Hello again!
The code that you provide (css) me still show up in the bottom, any other idea would be really appreciate!!

thanks again in advance!

August 14, 2015 at 16:27 #72982

sharmstr
Moderator

As I said, remove the css I originally gave you. You dont need it with the new php code I gave you. If you look at the code, its impossible that the “or” and gap are below the button. You can see that they are above the button code.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Attachments:
You must be logged in to view attached files.
Author

Posts