Responsive WordPress Theme – Caliber

A theme with simple controls and limitless potential. Work fast and build an amazing website!   Find out more »

UpThemes – Beautiful WordPress Themes

Create a site your church, gallery, newspaper, blog, recipes, band and more!   See the themes »

Need a little help?  Find answers quickly by searching the forum.
Group Admins
  • andy
  • jeffw

Support for: Razor: Cutting Edge WordPress Theme

Razor

Public Group  |  active 1 year, 9 months ago ago
Viewing post 1 to 7 (7 total posts)

Edit popup sign in box

  • rl2013

    said

    Hello,

    to edit the popup sign in box, which file do I open? Thanks.

  • tommyv

    said

    I’m also in the process of doing this! Looking forward to seeing your modifications.

  • rl2013

    said

    @Steve thanks

    @Veneration: was going to add the remember me option and fixed a title echo thingy.. lol

  • pivot

    said

    @rl2013 How did you insert the “remember me” option in the popup? I noticed that a lot of my visitors are not logging in, which I want, so it might help to add this option

  • jeffw

    said

    @pivot

    At the top of the ‘footer-default.php’ file you have a section of code that looks like this…

    <div class="hidden">
      <div id="LoginPopup">
        <form class="loginForm" id="popupLoginForm" method="post" action="<?php echo wp_login_url(); // optional redirect: wp_login_url('/redirect/url/'); ?>">
          <div id="loginBg"><div id="loginBgGraphic"></div></div>
          <div class="loginContainer">
            <h3>Sign in to your account</h3>
            <fieldset class="formContent">
              <legend>Account Login</legend>
              <div class="fieldContainer">
                <label for="ModalUsername">Username</label>
                <input id="ModalUsername" name="log" type="text" class="textInput" />
              </div>
              <div class="fieldContainer">
                <label for="ModalPassword">Password</label>
                <input id="ModalPassword" name="pwd" type="password" class="textInput" />
              </div>
            </fieldset>
          </div>
          <p class="formContent">
            <button type="submit" class="btn signInButton"><span>Sign in</span></button>
          </p>
          <div class="hr"></div>
          <p class="formContent">
            <a href="<?php bloginfo('wpurl') ?>/wp-login.php?action=lostpassword" id="popupLoginForgotPswd">Forgot your password?</a>
          </p>
        </form>
      </div>
    </div>

    To add the Remember Me option replace the above block of code with this…

    <div class="hidden">
      <div id="LoginPopup">
        <form class="loginForm" id="popupLoginForm" method="post" action="<?php echo wp_login_url(); // optional redirect: wp_login_url('/redirect/url/'); ?>">
          <div id="loginBg"><div id="loginBgGraphic"></div></div>
          <div class="loginContainer">
            <h3>Sign in to your account</h3>
            <fieldset class="formContent">
              <legend>Account Login</legend>
              <div class="fieldContainer">
                <label for="ModalUsername">Username</label>
                <input id="ModalUsername" name="log" type="text" class="textInput" />
              </div>
              <div class="fieldContainer">
                <label for="ModalPassword">Password</label>
                <input id="ModalPassword" name="pwd" type="password" class="textInput" />
              </div>
              <div class="fieldContainer">
                <input style="vertical-align:middle" name="rememberme" type="checkbox" id="rememberme" value="forever" />
                <span>Remember Me</span>
              </div>
            </fieldset>
          </div>
          <p class="formContent">
            <button type="submit" class="btn signInButton"><span>Sign in</span></button>
          </p>
          <div class="hr"></div>
          <p class="formContent">
            <a href="<?php bloginfo('wpurl') ?>/wp-login.php?action=lostpassword" id="popupLoginForgotPswd">Forgot your password?</a>
          </p>
        </form>
      </div>
    </div>

    Save and upload.

    Keep in mind that if you modify core theme files then each time you update the theme you will need to make all of those modifications again to the updated theme files.

Viewing post 1 to 7 (7 total posts)