Legacy Knowledge Base
Published Jun. 30, 2025

Custom CSS on a page

Written By

Anushka Tiwari

How To articles are not official guidelines or officially supported documentation. They are community-contributed content and may not always reflect the latest updates to Liferay DXP. We welcome your feedback to improve How To articles!

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

Legacy Article

You are viewing an article from our legacy "FastTrack" publication program, made available for informational purposes. Articles in this program were published without a requirement for independent editing or verification and are provided"as is" without guarantee.

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

Issue

  • How to add the custom CSS on a page

Environment

  • Liferay DXP 7.4

Resolution

  • CSS editor is where users are able to add custom CSS code to the Page. 
  • To add the custom CSS, the following steps can be taken:
    1. Navigate to the Site Menu > Pages
    2. Click on the three ellipses dot at the top right corner
    3. Select 'Configuration' on that page
  • E.g: The CSS can be added to the workflow page.
    • Inspect the page to make modifications in the sections, add the custom code in the 'custom CSS' section, and click on 'Save'. Changes will be reflected on the particular page.

Additional Information

Did this article resolve your issue ?

Legacy Knowledge Base