Foren
Liferay default theme
Ashna Dosieah, geändert vor 7 Jahren.
Liferay default theme
New Member Beiträge: 10 Beitrittsdatum: 11.10.16 Neueste Beiträge
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.
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.
Patrick Yeo, geändert vor 7 Jahren.
RE: Liferay default theme
Junior Member Beiträge: 61 Beitrittsdatum: 08.02.13 Neueste Beiträge
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:
Or you can just overwrite it in your theme's _custom.scss:
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.
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.