Ask Questions and Find Answers
Important:
Ask is now read-only. You can review any existing questions and answers, but not add anything new.
But - don't panic! While ask is no more, we've replaced it with discuss - the new Liferay Discussion Forum! Read more here here or just visit the site here:
discuss.liferay.com
RE: Dropdown icon missing from OOB navigation template in custom theme
I generated my own Liferay 7.2 theme, and when adding a Navigation Menu portlet to the page using the "Bar minimally justified styled" template, I have noticed that none of the dropdowns have their down-arrow icon displaying.
Digging into the code I can see that the dropdown markup exists, along with the down-arrow class:
Digging into the code I can see that the dropdown markup exists, along with the down-arrow class:
<i class="icon-caret-down"></i>
However it doesn't appear that anything in my custom theme was generated to support that.- What should I do to get icons into the theme?
- Is there an npm dependency I need to include to support using Font Awesome or Lexicon icon libraries specific to Liferay?
- Should I create my own CSS to style the "icon-caret-down" class and pull in my own icon library like https://www.npmjs.com/package/font-awesome?
I think the icon is just in the classic theme.
You can find the css code here:
https://github.com/liferay/liferay-portal/blob/master/modules/sdk/gradle-plugins-theme-builder/src/gradleTest/classic/src/main/webapp/css/liferay-font-awesome/scss/_icons-alloy.scss
I hope this is useful to you.
You can find the css code here:
https://github.com/liferay/liferay-portal/blob/master/modules/sdk/gradle-plugins-theme-builder/src/gradleTest/classic/src/main/webapp/css/liferay-font-awesome/scss/_icons-alloy.scss
I hope this is useful to you.
Copyright © 2025 Liferay, Inc
• Privacy Policy
Powered by Liferay™