Search code examples
liferay

How to set up a global CSS for an entire page in Liferay DXP?


I am new to Liferay, and I still don't know the difference between the various 'kind' of Liferays. This Liferay is what I am talking about. enter image description here

I understand that you have to create a page first, and then add components (fragments) in it. I also understand that you can go to fragments, and create a custom fragment with a custom CSS, and then import it into your page. However, what I want to do is have a global CSS that I can use for all fragments inside a page, rather than having to add CSS for each fragment. Is that possible, and if so, how?

I know I can use the 'style-books' which apply to an entire page, however, I don't know how to customize them, and it doesn't seem that that's even possible.


Solution

  • To avoid coding, you can use the css additional textbox provide by theme settings.

    It's a whole page css addon for every pages in the site

    theme css custom