Custom themes and templates: Customize the widgets through CSS

After you have defined the Custom themes and templates: Create the layout template for the home page and Custom themes and templates: Add content to the widgets for the Telerik Hospital home page, you must customize the appearance of the controls. To do this, you must open the main.css file located in folder ~/App_Data/Sitefinity/WebsiteTemplates/Hospital/App_themes/Green/Global/. By appending the next lines of CSS code to the file, you improve the look of the news, events and image gallery blocks:

The code above is just an example and you can modify it to meet your scenario's requirements.

The widgets on the home page look fine-tuned. The final result of the tutorial looks like the following screenshot:

Want to learn more?

Sign up for our free beginner training. Boost your credentials through advanced courses and certification.
Register for Sitefinity training and certification.

Was this article helpful?