As a front end developer I need to create a Contact Center website where user can registered themselves and can ask for help through the chat session.
So firstly, I'm trying to create my website through Pega components. For that I designed a header section using Dynamic Layouts, image(for Logo) and other components.
But the main problem is that I can't find any place where I can define my custom css. I already tried to create a content css class where I can define my own css. But there also I found some difficulties.
In Pega, UI is managed by Skin rule. You can locate the Skin rule used by the current application from the Application Definition Under Presentation.
You can give a try on configuring the "Component Styles" tab in the Skin rule where you can customize layouts, containers based on your requirement. Most UI changes can be handled here. For advanced UI customization, you can go with the custom CSS stylesheet.
To add a custom stylesheet to the skin, you can create a new text file rule with CSS extension and add that file to the Skin rule. You can add your CSS in that textfile.