Liferay 6.1: Portal Themes

All themes in Liferay are based on one "master" theme that provides a simple but elegant design. By simple modifications in a few CSS files, developers can produce a multitude of themes.

Liferay themes provide control over:
a) All the images used outside of the portlets,
b) Images used inside Liferay portlets (including icons),
c) HTML code of the page (outside of the portlets),
d) HTML code of the portlet box,
e) The position and behavior of the top navigation elements.


1) Start Liferay 6.1 Server.

2) Open Liferay Portal Home.


3) Browse portal url
e.g localhost:8080/web/guest/home.
Click Sign In.


4) Enter login credentials.
By default, Liferay comes with username/password test@liferay.com/test.

You may be required to change the password. ( hint: change password to 'password').

If this is your first time logging in, you may be required to set pass question. ( hint: set pass question 'what is portal name?' and answer 'liferay'.)



5) You are now logged to the portal using 'Test' credential (refer top right of the screenshot).


6) Click Go to/Control Panel.



7) A Control Panel page is displayed.


8) Click Site Pages.
Notice the Look And Feel section. This is the section that assigns a theme to a specific Liferay Portal.


9) Components of Look and Feel section
Look And Feel Control Box.
Display Category Tab, i.e Regular Browsers or Mobile Devices.
Curren Theme selector.
Color Scheme selector.
Settings (bullet style).
Theme chooser and Install More option.
Custom CSS.



10) Click Install More.



Alternatively, you can access the above page by using the Side Panel link.
Go to Server Panel, click Plugins Installation.