Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • deane Friend
    #175531

    Hi all,

    This might be a newbie question, so please bear with me.

    I’ve customized the login to my needs and somewhere on the way I seem to have changed a trigger. Now, when I load any page of my website, the login form is already visible. It should, however, only appear when the login button is clicked. So, in other words, the default should be only the login button visible, not the login form with user name and password.

    I’ve also attached two screenshots with the login shifted vertically so it’s easier to see what I mean.

    CSS and JS compression is off. Cache cleared. JA Social template updated. Joomla 2.5 updated.

    Any ideas?


    1. 03-JA-Social-login-form-showing-already-at-page-load
    2. 02-JA-Social-login-form-hidden-unless-mouse-activated
    3. 01-JA-Social-login-form-hidden-unless-mouse-activated-proper-position
    4. 04-JA-Social-login-form-showing-already-at-page-load-proper-position
    khoand Friend
    #446259

    You replace the code from /templates/ja_social/css/template.css

    #ja-user-register, #ja-user-login {
    background: url(../images/ja-login-bg.gif) repeat-x left bottom white;
    border: 1px solid #A1D5E9;
    color: #333;
    display: inline;
    height: auto;
    overflow: hidden;
    padding: 10px 15px;
    position: absolute;
    right: -15px;
    text-align: left;
    top: 21px;
    z-index: 999;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 3px 5px rgba(0,0,0,.4);
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.4);
    }

    with


    #ja-user-register, #ja-user-login {
    background: url(../images/ja-login-bg.gif) repeat-x left bottom white;
    border: 1px solid #A1D5E9;
    color: #333;
    display: none;
    height: auto;
    overflow: hidden;
    padding: 10px 15px;
    position: absolute;
    right: -15px;
    text-align: left;
    top: 21px;
    z-index: 999;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 3px 5px rgba(0,0,0,.4);
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.4);
    }

    deane Friend
    #446262

    Thanks khoand, perfect!

Viewing 3 posts - 1 through 3 (of 3 total)

This topic contains 3 replies, has 2 voices, and was last updated by  deane 12 years, 8 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum