[Ekran görüntüsü 2024-12-23 121456] [Ekran görüntüsü 2024-12-23 121650]

Where in here would you like to add an image?

There’s a after-login-buttons plugin outlet at the bottom of this section that can be used for adding content. I suppose it can be moved to the top with CSS, or an outlet above can be asked. [A login interface with options to sign in using different platforms such as Google, GitHub, Twitter, Discord, or a passkey. (Captioned by AI)] You can create a new theme component that makes use of it. [image] Developing Discourse Themes & Theme Components Developer Guides Discourse Themes and Theme Components can be used to customize the look, feel and functionality of Discourse’s frontend. This section of the developer guides aims to provide all the reference materials you need to develop simple themes for a single site, right up to complex open-source theme components. This introduction aims to provide a map of all the tools and APIs for theme development. If you prefer a step-by-step tutorial for theme development, jump straight to: Themes vs. Theme Compon… [image] Using Plugin Outlet Connectors from a Theme or Plugin Developer Guides Discourse includes hundreds of Plugin Outlets which can be used to inject new content or replace existing contend in the Discourse UI. ‘Outlet arguments’ are made available so that content can be customized based on the context. Choosing an outlet To find the name of a plugin outlet, search Discourse core for “ . These allow you… You can also probably add an image only with CSS in a less clean way. Could you post a picture of what you’d like your login modal to look like?

I’d say it cleaner and more versatile to make a theme component using the plugin outlet, plus you’ll learn useful things if you want to customize further your installation. :technologist: Using a pseudo element from existing HTML to add your image will work and it’s a valid way to achieve this. :ok_hand: That said, it depends on what result you want exactly. For example, if the goal is simply to have a background image at the bottom or top of the login buttons block with no additional requirements, then CSS could be perfectly fine.

How can i add image in login and register box

Product Support

NateDhaliwal (Nate Dhaliwal) December 24, 2024, 2:31am 5

Yep,

I was thinking of ::after or background-image with CSS. Didn’t know there were plugin outlets there. I think it’s overkill to write a full TC just to put an image there?

Topic		Replies	Views
Add project description to login page Product Support	10	1752	May 19, 2021
Changing the login Page for Custom Themes Development	3	545	March 6, 2024
Welcome page image Product Support unsupported-install	15	1771	June 8, 2021
Modification homepage Marketplace	5	2388	September 28, 2018
Opening the login form with onclick in a theme component Development plugin-api	3	938	August 23, 2023

How can i add image in login and register box

Related topics