Aggiungi link di accesso personalizzato all'accettazione dell'invito

[gassim (Al-Gassim Sharaf Addin)]

Ciao!

Questo argomento è del 2018, funziona ancora? Insert text or images anywhere on your site using CSS pseudo-elements

Voglio usare questo trucco per risolvere un problema con la pagina di benvenuto dell’invito. Voglio che i membri esistenti che non hanno effettuato l’accesso trovino facilmente il link di accesso dopo aver cliccato su un link di invito. Attualmente, “Hai già un account? Accedi (link)” appare alla fine del modulo di registrazione.

Ecco uno screenshot di come appare attualmente:

E questo è come sarà visibile per i membri esistenti (ciò che preferiamo):

Grazie!

[Don]

Ciao,

Probabilmente il modo più semplice per ottenerlo è aggiungere del CSS. In questo modo non avrai bisogno di modificare il modello della pagina di invito.

Aggiungi quanto segue alla sezione CSS di un componente del tema.

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

[gassim (Al-Gassim Sharaf Addin)]

@Don

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

Ha funzionato magicamente! Grazie mille @Don! Vorrei poterti assegnare un badge della community di Discourse per questo `

@staff @team (scusate il tag) ma questo è un post molto utile. Potreste spostare il mio post e la risposta in un nuovo argomento nella categoria di supporto in modo che io possa contrassegnare il post di @Don come soluzione.

Grazie!

[merefield (Robert)]

Dovresti già essere in grado di farlo qui? Penso che il tuo argomento abbia più senso in Dev e capisco che puoi comunque contrassegnarlo come Risolto.

[gassim (Al-Gassim Sharaf Addin)]

Grazie! Sì, qui è ancora meglio!