Liferay default theme

[7年前 に Ashna Dosieah によって更新されました。]

Hi,
Have two queries:

1. Wanted to know if background colour of the default Liferay theme can be changed.Currently it is white, wanted to bring it to a pale blue.

2. We wanted to create side menu bar on our homepage.Wanted to know if it is possible to create it in tree or accordion version so we could expand to view sub-levels.

Kindly advise.

[7年前 に Patrick Yeo によって更新されました。]

Hey Ashna,

You can change the background by creating a variable called _aui_variables.scss in the src/css directory of your theme and cut and paste:

// Icon paths

$FontAwesomePath: "aui/lexicon/fonts/alloy-font-awesome/font";
$font-awesome-path: "aui/lexicon/fonts/alloy-font-awesome/font";
$icon-font-path: "aui/lexicon/fonts/";

$body-bg: aliceblue;

Or you can just overwrite it in your theme's _custom.scss:

body {
	background-color: aliceblue;
}

The side menu bar would require modifying portal_normal.ftl in your theme. Add a directory in your theme's src/templates directory and copy portal_normal.ftl from

modules/apps/foundation/frontend-theme/frontend-theme-unstyled/src/main/resources/META-INF/resources/_unstyled/templates/portal_normal.ftl

or

modules/apps/foundation/frontend-theme/frontend-theme-classic/src/templates/portal_normal.ftl

depending on which version you want your base template to be. This will require a lot of customizing.