WordPress.org

Ready to get started?Download WordPress

Forums

Social Login, Social Sharing, Social Commenting and more!
[resolved] [Plugin: Social Login for WordPress] Css codex for more good iteration with Themes (2 posts)

  1. yukiko-kawa
    Member
    Posted 2 years ago #

    Hi,
    I have see that the plughin don't iteration good with my theme:

    Mystique.

    The problem is that the image of avatar stand up the login of "social Login Radius".

    I have change some regulates for give more good iteration with theme.
    You can see the result on my site (in comment at example):
    http://www.bibyportal.net/astreaming

    I have change html and css on the file :

    loginradius-for-wordpress/function.php

    Insert new div: <div id="blocco-Rlogin">
    and change css.

    First :

    if ($display_label != false) : ?>
          <div style="margin-bottom: 3px;"><label><?php _e( $title, 'LoginRadius' );?>:</label></div>
        <?php endif; ?>

    Last:

    if ($display_label != false) : ?>
    <div id="blocco-Rlogin">
    <div style="float: left; color: white; margin: 5px 0pt 5px 0px;"><label><?php _e( $title, 
    
    'LoginRadius' );?>:</label></div>
        <?php endif; ?>

    Then for I frame, I have change the style and insert new div. last close div "blocco-Rlogin"

    first:

    ` if ($IsHttps == 1) {?>
    <iframe src="https://hub.loginradius.com/Control/PluginSlider.aspx?apikey=<?php echo $LoginRadius_apikey;?>&callback=<?php echo $loc;?>" width="169" height="49" frameborder="0" scrolling="no" ></iframe>
    <?php }
    else {?>
    <iframe src="http://hub.loginradius.com/Control/PluginSlider.aspx?apikey=<?php echo $LoginRadius_apikey;?>&callback=<?php echo $loc;?>" width="169" height="49" frameborder="0" scrolling="no" ></iframe>
    <?php } endif; ?>`

    Last:

    ` if ($IsHttps == 1) {?>
    <div style="clear: both; display: inline;"><iframe

    src="https://hub.loginradius.com/Control/PluginSlider.aspx?apikey=<?php echo

    $LoginRadius_apikey;?>&callback=<?php echo $loc;?>" width="169" height="49" frameborder="0"

    scrolling="no" ></iframe></div>
    <?php }
    else {?>
    <div style="clear: both; display: inline;"><iframe

    src="http://hub.loginradius.com/Control/PluginSlider.aspx?apikey=<?php echo

    $LoginRadius_apikey;?>&callback=<?php echo $loc;?>" width="169" height="49" frameborder="0"

    scrolling="no" ></iframe></div>
    </div> <!-- fine div con id="blocco-Rlogin"-->
    <?php } endif; ?>`

    FOR CSS: I have change this parameters of Social login plughin and my theme Mystique:

    /*modifiche zona commenti post PER PLUGHIN Login Radius*/
    #meta .section { padding: 0;}
    #comments { margin: 0;}
    .comment { margin: 0;}
    .comment.role-administrator > .comment-head { height: 30px; }
    .alignleft { line-height: 9px;} /* l'altezza modifica le immagini dei post, quindi non aggingere altezza*/
    
    #comment-fields{float: left;}
    
    #comment-fields .clearFieldBlurred {
        font-size: 12px;
        font-style: italic;
        height: 10px;
        margin-bottom: 5px;
        padding: 3px;
    }
    #comment-fields .clearFieldActive /* quando รจ cliccato dentro*/
    {
        font-size: 12px;
        font-style: italic;
        height: 10px;
        margin-bottom: 5px;
        padding: 3px;
    }
    #blocco-Rlogin{ float: left; margin: 0 5px 0 75px; width: 169px;}
    .login form { padding: 46px 20px 46px;} /*modificato per farci stare RLogin plughin*/
    #login form p {clear: both; } /*per far andare a capo il pulsante collegati*/
    
    /*-----------Fine modifice  Login Radius----*/

    For this changes, the plughin have a good style on Mystique theme .

    Bye

    http://wordpress.org/extend/plugins/loginradius-for-wordpress/

  2. loginradius
    Member
    Plugin Author

    Posted 2 years ago #

    Hi yukiko-kawa, We can't inline the plugin by default but its good to know that you have modified it and set it according to your theme. We also want to thank you for sharing the code with us as well, it might help our other clients who want the plugin in such way.

Topic Closed

This topic has been closed to new replies.