Hi, We’re using discourse 3.3.0.beta1-dev Here it is a screenshot of what the connection screen looks like : [Screenshot from 2024-02-21 23-12-50] Any idea to help me have a better layout for traditional login (cause “Security key” is using too much space) ?

Maybe this theme component can help: [immagine] Trendy Login Theme component discourse2 Summary Trendy Login changes the default design of static login page (/login) on login required sites and adds the ability to customize the page content via component settings. hammer_and_wrench Repository Link https://github.com/discourse/discourse-trendy-login question Install Guide How to install a theme or theme component open_book New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features [image] S… Or perhaps how to make CSS changes: [immagine] Making custom CSS changes on your site Site Management bookmark This guide explains how to make CSS changes on your Discourse site, including an introduction to CSS, where to add CSS in Discourse, and how to find the right selectors using browser inspection tools. person_raising_hand Required user level: Administrator Summary This guide covers: A brief introduction to CSS and key concepts How to add CSS to your Discourse site using theme components Using browser inspection tools to find the right CSS selectors Understanding CSS basics C…

Hello, you could manually edit the CSS to change the layout.

I think we can make some changes in core to make this screen look better by default. The translation for this button is a bit long, I made a suggestion upstream to change the label from Connectez-vous à l’aide d’une clé d’accès to Se connecter avec une clé d’accès (That matches the translations for the social links as well) I think we can make some subtle design changes here as well. There may be other languages with very long social login button labels. cc @jordan.vidrine

Thanks a lot @Lilly , I have customized CSS and then It solve my issue. @pmusaraj I’m happy to point some stuff to improve. What a fantastic community, Discourse have !

Come cambiare il layout della schermata di accesso

Assistenza prodotto

Lilly (Lillian ) 22 Febbraio 2024, 3:11am 3

Forse questo componente del tema può aiutare:

O forse come apportare modifiche CSS:

Argomento		Risposte	Visualizzazioni
Customising Login Page Product Support	2	763	Luglio 19, 2023
Login Screen/Design UX	1	891	Luglio 30, 2019
Changing the login Page for Custom Themes Development	3	548	Marzo 6, 2024
How can I edit My Login Page Development	11	904	Marzo 10, 2024
How to change/remove icon on login screen? Product Support	4	289	Agosto 15, 2024

Come cambiare il layout della schermata di accesso

Argomenti correlati