Changing Your Site’s Appearance¶
Changing the site logo, favicon, and theme are some of first look and feel areas you may want to change. Themes are used to set the overall look and feel for your Site. A Site’s Pages can be configured to use any theme that has been deployed to your DXP instance.
The DXP Docker image has the Classic theme available by default. In this example, we deploy a new simple theme and then show you how to switch from one theme to another.
Changing Your Site’s Theme¶
Deploy a New Theme¶
Start up the Liferay DXP Docker image:
docker run -it -m 8g -p 8080:8080 liferay/portal:7.4.1-ga2
Download the WAR containing the Acme Sample Blue Theme:
curl https://learn.liferay.com/dxp/latest/en/getting-started/changing-your-sites-appearance/liferay-5b2v-theme.war -O
Deploy the WAR containing the theme:
docker cp liferay-5b2v-theme.war docker-container:path-to-deploy-folder
This will load the sample theme into your DXP instance. You can check your console for the following message to confirm that the theme successfully deployed:
2020-03-11 17:06:35.601 INFO [fileinstall-/opt/liferay/osgi/war][BundleStartStopLogger:39] STARTED liferay-5b2v-theme_1.0.0 
Change Your Site’s Theme¶
Configure the Pages for your Site to use the deployed theme:
Open your browser to
https://localhost:8080and login as an administrator.
In the Site Menu on the left side of the screen, navigate to Site Builder → Pages.
Click the gear icon next to Public Pages to configure them:
Scroll down and click the Change Current Theme button:
Select the deployed sample theme, Acme Sample Blue Theme.
Navigate back to the home page for your Site to confirm that the theme has changed. The background for the content section of your Site is now blue.
Your Site’s theme has been updated.