Submit Feedback
Legacy Knowledge Base
Published Jul. 2, 2025

How to call custom CSS?

Written By

Kanchan Bisht

How To articles are not official guidelines or officially supporteddocumentation. They are community-contributed content and may not alwaysreflect the latest updates to Liferay DXP. We welcome your feedback toimprove How to articles!

While we make every effort to ensure this Knowledge Base is accurate, itmay not always reflect the most recent updates or official guidelines.We appreciate your understanding and encourage you to reach out with anyfeedback or concerns.

Legacy Article

You are viewing an article from our legacy "FastTrack"publication program, made available for informational purposes. Articlesin this program were published without a requirement for independentediting or verification and are provided "as is" withoutguarantee.

Before using any information from this article, independently verify itssuitability for your situation and project.

Issue

  • How to call custom CSS in portal normal.ftl file

Environment

  • Liferay DXP 7.2

Resolution

  • The custom styling can be added by using theme’s _custom.scss file (i.e., src/css/_custom.scss). Liferay DXP supports Bootstrap, as well as Sass, so 'Bootstrap' can be used in the markup and Sass nesting, variables, and more in the CSS files.
  • Regarding CSS files, one should only modify _clay_custom.scss, _clay_variables.scss, _custom.scss, and _liferay_variables_custom.scss.
  • Someone can overwrite the CSS file if they like, but if they alter any other files, the styling that Liferay DXP 7.2 requires will be lost.

Additional Information

Did this article resolve your issue ?
Legacy Knowledge Base
Did this article resolve your issue ?