Change the Size of the Guest Login text - SuperWEB2

It is possible to customise the Guest log in text that appears on the SuperWEB2 login screen:

Some changes you might want to make include: changing the size of the text, modifying the colour, and making it bold.

To make this change, you need to edit the file <tomcat_home>\webapps\webapi\login.xhtml

Make a backup copy of this file before making any changes.

1. Open login.xhtml in a text editor.

2. Locate the <style> ... </style> section near the top of the file, which will look similar to the following:

   HTML/XML

   <ui:define name="header">
   	<style type="text/css">
   		.loginInputControl {width:150px}
   		.multipleBrowserMessage {font-size:0.9em; color: rgb(140, 175, 205); text-align: center;}
   		.roundPanel { position: relative; }                
   		.roundPanel .top-right { position: absolute; top: 0; right: 0; }
   		.roundPanel .top-left { position: absolute; top: 0; left: 0; }
   		.roundPanel .bottom-right { position: absolute; bottom: 0; right: 0; }
   		.roundPanel .bottom-left { position: absolute; bottom: 0; left: 0; }
   		.roundPanel img.corner { width: 3px; height: 3px; border: none; display: block !important; }
   		.roundPanel .rich-panel-header { background: transparent url(../images/roundRichPanel/background.jpg) repeat-x left top; border-style: none; }
   	</style>

3. Create a new CSS style definition and add it to the <style> ... </style> section. For example, you might add a style called .guestLogin:

   HTML/XML

   <ui:define name="header">
   	<style type="text/css">
   
   		.guestLogin { font-size: 1.8em; font-weight:bold !important; color: rgb(255, 0, 0) !important; }
   
   		.loginInputControl {width:150px}
   		.multipleBrowserMessage {font-size:0.9em; color: rgb(140, 175, 205); text-align: center;}
   		.roundPanel { position: relative; }

   Note: Depending on what you want to change, you may need to use the CSS !important declaration to override the existing styles.

4. Locate the section in the file that outputs the Guest log in text:

   HTML/XML

   <div class="footer">
   	<div class="register"><h:commandLink value="#{messages['page.login.guest.login.text']}" action="#{loginBean.authenticateGuest}" tabindex="40"/></div>
   </div>

5. Add the attribute styleClass="<YourCSSRule>" to the guest log in text:

   HTML/XML

   <div class="footer">
   	<div class="register"><h:commandLink value="#{messages['page.login.guest.login.text']}" styleClass="guestLogin" action="#{loginBean.authenticateGuest}" tabindex="40"/></div>
   </div>

6. Save login.xhtml.

7. Restart Tomcat (or the SuperWEB2 Service if using our SuperSTAR Suite).

8. Open the login page and review your changes:
   

   

   
   If you do not see the change you may need to refresh your browser's cache or restart your browser.