Support » Plugin: Theme My Login » Log out page issue (403 Forbidden

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Jeff Farthing

    (@jfarthing84)

    Put a nav menu in your footer and use the TML Action nav menu items.

    gohstaff

    (@gohstaff)

    Thanks for the quick response. I have previously done that, but that forces me to use the Memberlite theme footer by default. I don’t care much for the look of that footer, therefore, want to create my own. Is there another way to accomplish my original goal other then what you just suggested?

    Thanks

    Plugin Author Jeff Farthing

    (@jfarthing84)

    I’m not sure what you mean. You can use your own nav menus. Another way is using the PHP function wp_loginout().

    gohstaff

    (@gohstaff)

    Thank you for the quick response.

    After speaking with WP.com it seems I don’t get access to my PHP, so that doesn’t look like an option, so I will just go your first option. That should keep it simple and get the job done as you suggested.

    The next question I have is that I decided to change theme as Memberlite was just not working out for me on a design level. When doing so I noticed that when I attempt to login; there is an issue with the prove your humanity check provided by wp.com (i assume they are providing that since it shows up on there sign in too)

    Everything displays out ok, but the box used to enter the answer to there math problem doesn’t not show any typed response when entered in. It does however accept the response and when submitted it accepts it and allows the user to log in.

    How can I correct this issue so that it displays properly and visually shows the response entered?

    https://snag.gy/EgrunJ.jpg

    Thank you

    Plugin Author Jeff Farthing

    (@jfarthing84)

    I think you just need to apply some CSS to make the field wider, as it looks to small to show the text.

    Ok, I should be able do that at my novice level.

    Would you be so kind as to provide me with the CSS required so I may do that?

    Thanks for all your help!

    Plugin Contributor Theme My Login

    (@thememylogin)

    Hi @gohstaff,

    Could you use your browsers inspector to determine if the field has an ID or class that can be targeted?

    Hello,

    I believe I was able to locate the ID and Class you requested on the Login page. I will paste the entire content section directly below, but will post the exact element requested for change under that ***.

    <div class=”entry-content”>
    <div class=”tml tml-login”>
    <form name=”login” action=”https://gasandoilhobbyist.com/login/” method=”post”>
    <div class=”tml-field-wrap tml-log-wrap”>
    <label class=”tml-label” for=”user_login”>Username or Email Address</label>
    <input name=”log” type=”text” value=”” id=”user_login” class=”tml-field”>
    </div>

    <div class=”tml-field-wrap tml-pwd-wrap”>
    <label class=”tml-label” for=”user_pass”>Password</label>
    <input name=”pwd” type=”password” value=”” id=”user_pass” class=”tml-field”>
    </div>

    <p>Login form protected by Login LockDown.<br><br><br></p> <div style=”margin: 5px 0 20px;”>
    <label for=”jetpack_protect_answer”>
    Prove your humanity </label>
    <br>
    <span style=”vertical-align:super;”>
    5   +   9   =   </span>
    <input type=”text” id=”jetpack_protect_answer” name=”jetpack_protect_num” value=”” size=”2″ style=”width:30px;height:25px;vertical-align:middle;font-size:13px;” class=”input”>
    <input type=”hidden” name=”jetpack_protect_answer” value=” “>
    </div>

    <div class=”tml-field-wrap tml-rememberme-wrap”>
    <input name=”rememberme” type=”checkbox” value=”forever” id=”rememberme” class=”tml-checkbox”>
    <label class=”tml-label” for=”rememberme”>Remember Me</label>
    </div>

    <div class=”tml-field-wrap tml-submit-wrap”>
    <input name=”submit” type=”submit” value=”Log In” class=”tml-button”>
    </div>

    <input name=”redirect_to” type=”hidden” value=”https://gasandoilhobbyist.com/wp-admin/”>

    <input name=”testcookie” type=”hidden” value=”1″>

    </form>
    <ul class=”tml-links”><li class=”tml-lostpassword-link”>Lost your password?</div>

    </div>

    *** Here is the element that I would like to change.
    Using the inspector to change the width to 50px and vertical-align:Top
    solves the issue in the inspector, but being a novice I do not know how to create the CSS required to permanently change this.

    <input type=”text” id=”jetpack_protect_answer” name=”jetpack_protect_num” value=”” size=”2″ style=”width:30px;height:25px;vertical-align:middle;font-size:13px;” class=”input”>

    Any help is greatly appreciated.

    Thank you

    Plugin Author Jeff Farthing

    (@jfarthing84)

    In either your theme’s style.css or in the customizer, add the following:

    
    #jetpack_protect_answer {
        vertical-align: top !important;
        width: 50px !important;
    }
    

    That worked great! Thank you Jeff and contributors for your support in resolving this issue.

    All the best.

Viewing 10 replies - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.