How can i add image in login and register box

[Devran_Öztürk]

[NateDhaliwal]

Where in here would you like to add an image?

[Devran_Öztürk]

Green section

[CocoQuark (Coconut Flavored Quark)]

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.

You can create a new theme component that makes use of it.

Beginner's guide to developing Discourse Themes

So, you want to create Discourse themes? Not sure where to start? Or maybe you have created Discourse themes before, but want to learn how to do even more cool things. Well, you’ve come to the right place Developer’s guide to Discourse Themes Subjects include a general overview of Discourse themes, creating and sharing Discourse themes, theme development examples, searching for and finding information / examples in the Discourse repository, and best practices. Prerequisites: …

Using Plugin Outlet Connectors from a Theme or Plugin

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 “<PluginOutlet”, or use the plugin outlet locations theme component. (e.g. topic-above-posts). Wrapper outlets Some outlets in core look like <PluginOutlet @name="foo" />. These allow …

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?

[NateDhaliwal]

Yep,

@CocoQuark

You can also probably add an image only with CSS in a less clean way.

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?

[CocoQuark (Coconut Flavored Quark)]

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.

Using a pseudo element from existing HTML to add your image will work and it’s a valid way to achieve this.

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.