Do you want to transform Liferay Portal’s look and feel? Create your own user interface with a Theme! Create a layout template to specify where content can be placed on a page! Define a custom look and feel for your portlets! All these customizations and more are possible!

In this section of tutorials, you’ll learn how to develop themes and layout templates, customize portlets, and more.


A Theme provides the overall look and feel for a site. Themes are a combination of CSS, JavaScript, HTML, and FreeMarker templates. Although the default themes are nice, you may wish to create your...

Read More

Layout Templates

Layout templates define how content can be placed on a page. Liferay Portal includes several default layout templates out-of-the-box that you can use to organize content on your site pages. If you...

Read More

Portlets and Themes

The default theme sets the basic look and feel for all your portlets, and, through Portlet Decorators, gives you a way to fine-tune the look of individual portlets with the click of a mouse. But...

Read More

Clay CSS and Themes

Lexicon is a design language that provides a common framework for building consistent UIs. Clay, the web implementation of Lexicon, is an extension of Bootstrap’s open source CSS Framework....

Read More
0 (0 Votes)
Rendering an Asset Previous