Login Page Customization

Help / Discuss
1

Hello X-Wiki Users,

I have a hopefully simply configuration question:

What would be the easiest way to add CSS/LESS Customizations to just the login page without breaking anything?
I want to add the following code at the top and bottom of the Login Window to make a big red classification banner

// CLASSIFIED // CLASSIFIED // CLASSIFIED //
.classificationbanner { .box-sizing(content-box); border: none; font: normal 20px/1 "Trebuchet MS", Helvetica, sans-serif; color: white; text-align: center; -o-text-overflow: ellipsis; text-overflow: ellipsis; background: rgba(255,0,0,1); }

I picture it looking something like this:

Would I add an Overriding template or go under advanced under the color theme?

Any help would be appreciated.

Thanks,
Kyle

2

If you want to add CSS, you can use a StyleSkinExtension (SSX) object, the FlamingoTheme ‘advanced’ section, custom Skin, etc. There are multiple ways depending on how big the changes are.

Same for HTML structure. Not sure what this .classificationbanner would contain in terms of text. If it’s simple text you can use the ‘content’ from CSS, or you need to add the structure with JavaScript (JSX object or other ways) or by overriding a template.

If you are doing many upgrades and stick to the current version, than try not to overwrite default pages/templates. You can simply achieve what you want with an SSX and a JSX, that has the visibility “on this wiki”.

1 Like
3

I have a similar question. Please tell me how to add text to the login page. Let’s say I want non-registered users to know who they will turn to to register.