Add custom 'Login' Link to Invite Acceptance

Hi!

This topic is from 2018, please does it still work? Insert text of images text anywhere within your site

I want to use this trick to fix an issue with the invitation welcoming page. I want existing members who are not logged in to easily find the login link after clicking on an invitation link. Currently, the ‘Already have an account? Log in(link)’ appears at the end of the signup form.

Here’s a screenshot of how it currently appears:

And this is how it will be visible for existing members (what we prefer):

Thanks!

Hello,

Probably the easiest way to achieve this, adding some css. This way you don’t need to modify the invite page template.

Add the following to a theme component Common / CSS section.

body.invite-page {
  .invites-show {
    .login-welcome-header {
      gap: 3em 0;
    }
    .invitation-cta__info {
      position: absolute;
      top: -6em;
      left: 0;
    }
  }
}

Screenshot 2022-11-28 at 18.06.09

2 Likes

Worked like magic! Thank you so much @dodesz! Wish I could grant you a discourse community badge for this :heart_eyes:`

@staff @team (sorry for the tag) but this is a very helpful post. Could you move mine and the response to a new topic in the support category so I can mark @dodesz’s post a solution.

Thank you!

2 Likes

You should already be able to do that here? I think your Topic makes more sense in #dev and I understand you can mark it as Solved in any case.

2 Likes

Thank you! :slight_smile: Yes, it’s even better here!

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.