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
(thinking…)
Sign in with: Facebook Google
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
(thinking…)
Sign in with: Facebook Google
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