Adding log in button to the splash page

LeonidS

Hello, I'd like to add a login button on the splash page to the left side of the Join button below.. Can someone help me with the correct code to add this. I have this below that works fine for just the join button but want to have both side by side.

Thanks in advance.


<button class="bx-btn bx-hide-when-logged-in bx-def-margin-top" onclick="document.location='{0}'">Join Now !</button>

  • 413
  • More
Replies (14)
    • Hello John Curtis !

      As a first step, you may try to use this code:

      <strong><a href="{0}" class="bx-form-input-submit bx-btn bx-btn-primary ">Log in Here</a></strong>

      • Wow, that was quick. I just posted this. Lol...  Thanks LeonidS 

        They aligned side by side as I wanted but the login button brings me to the join form. Now they both bring me to the join.

         Below is what I have now.

        <strong><a href="{0}" class="bx-form-input-submit bx-btn bx-btn-primary ">Log in Here</a></strong> &nbsp; &nbsp;<button class="bx-btn bx-hide-when-logged-in bx-def-margin-top" onclick="document.location='{0}'">Join Now !</button>

        • You may set there the direct link like [site_url]page/create-account

          • That worked very well. I used it for both the login and join buttons.  You can see on the homepage cover it worked great.

            But I'm having a problem with the splash page. I added the same code as I did on the cover but I can't seen to get the spacing between the two buttons and they won't center on the page. Might you have any suggestions?

            This is the code that I used on the splash page.

            <p style="text-align: center;"><a href="/page/login" class="bx-form-input-submit bx-btn bx-btn-primary "><strong>Log in Here</strong></a><a href="/page/create-account" class="bx-form-input-submit bx-btn bx-btn-primary "><strong>JOIN NOW !</strong></a>

            • Try use <center>link&nbsp;link</center>

              More &nbsp; or use margin on css style.

              • Try use

                link link

                More   or use margin on css style.

                Thanks Rocco . i did try both but I just can't get it to center. I also tried &nbsp;  for space but that won't work either. As soon as I click save it strips the space. Something is blocking the code but I don't know what it is. I added what you see below the buttons no problem.

                • I think problem with p style and maybe same class in one div. Try play with it, as example use pics or only hyperlink. Or wait Leonid.

                  • Try to the place your code into the:

                    <div style="margin-left: auto; margin-right: auto;">Your code</div>

                    if it will not help then after margin add the fixed width like 400px; If it will not help too then change the width on 100%;

                    • thanks LeonidS . It took a lot of playing with it but once I got it, it worked very well. Thank you very much.

                      • LeonidS  Might you have any hints on why this login button works fine on the site on my laptop with all browsers. On my Android mobile it works fine if I go to the site thru a browser.  When using the Android mobile app (1.5) the join button works fine and brings me to the join form. 

                        But... When using Android mobile app 1.5 the login button just flashes back to the same page that I started from and not the login page.

                        • try use full link https://domain/page/login

                          • thanks Rocco  but that didn't help. It still won't work on Android.

                             LeonidS , might you have any ideas why this login button won't work with the Android 1.5 app? It works on everything else.

                            • LeonidS  The join button works great now, thanks. But... Might you have an idea on why this login button works fine with the site on my laptop with all browsers. On my Android mobile it works fine if I go to the site thru a browser.  When using the Android mobile app (1.5) the join button works fine and brings me to the join form. 

                              But... When using Android mobile app 1.5 the login button just flashes back to the same page that I started from and not the login page. It works the same whether I'm trying the login button on the splash page or the one I placed over the cover photo on the index page.

                              Seems to be a problem in the Android app???

                              This is what I used on the splash page.

                              <div style="text-align:center;">
                              <a href="https://www.cyclemadness.net/page/login" class="bx-form-input-submit bx-btn bx-btn-primary " style="margin-right: 20px;float:none;display:inline-block;"><big>Log in Here</big></a>
                              <a href="https://www.cyclemadness.net/page/create-account" class="bx-form-input-submit bx-btn bx-btn-primary " style="float:none;display:inline-block;"><big>JOIN NOW !</big></a>
                                              </div>

                              This is what I used on the index page.

                              <a href="https://www.cyclemadness.net/page/login" class="bx-form-input-submit bx-btn bx-btn-primary "><big>Log in Here</big></a>   <a href="https://www.cyclemadness.net/page/create-account" class="bx-form-input-submit bx-btn bx-btn-primary "><big>JOIN NOW !</big></a>   


                              • LeonidS , Please see the above post about the problem with the Android App and login buttons. Same problem with login buttons on Splash page and button on the homepage.. Both sets of buttons using different code. Right now we are trying to get the iOS app aproved and we are having the exact same problem.

                                Login or Join to comment.