What can we do to make it easier to design with Wild Apricot?

Change position of the login box

[quote]We currently use a template that uses that places the login box under the side menu. How can we move it to the top right in our header?[/quote]

You can move your login box anywhere on the screen using the following CSS:
#idLoginContainer {
position: absolute;
top: 10px;
left: 720px;
}

Simply change the top and left values to move the login box to another location.

1 vote
Sign in
Check!
(thinking…)
Reset
or sign in with
  • facebook
  • google
    Password icon
    Signed in as (Sign out)

    We’ll send you updates on this idea

    Matthieu shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

    5 comments

    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      Signed in as (Sign out)
      Submitting...
      • djcx1000 commented  ·   ·  Flag as inappropriate

        Emario - did you ever get this sorted - I to would like a horizontal login (aka Facebook etc) so that the header is not a huge 150 pixels but could be forty or fifty!

        Dave

      • Mario Cirpiano commented  ·   ·  Flag as inappropriate

        Found my problem working as designed. However, getting this box anywhere but in the header is problematic. The existing text on a given page is on top of the login box. I would really like to make this login horizontal.

      • Mario Cirpiano commented  ·   ·  Flag as inappropriate

        This is not working for me. I have placed the code in the Customize CSS box and no matter how I change the variables the position does not move.

        It is my goal to get it out of the header all togather and place it on the home page only.

        I am able to hide the box.

      Feedback and Knowledge Base