CSS widget

Use the CSS widget to apply Cascading Style Sheets (CSS) to your page. CSS are used to style your webpage in terms of font, colors, spacing, etc.

RECOMMENDATION: We recommend that you use the CSS widget to set only page specific CSS. To set CSS to the entire website, we recommend you to use themes.

To apply a CSS to your page, perform the following:

  1. Drag the CSS widget anywhere on the page and click Edit button in the upper-right corner of the widget.
    The CSS window appears.

    NOTE: If you add CSS widget in a page template, the CSS file is applied to all the pages that use this template. If you add it on one particular page, the CSS file is applied only to this page.

  2. Add the CSS code in one of the following ways:
    • If the CSS file (files with .css extension) you want to apply is already uploaded, on Link to a CSS file tab, in URL input field, enter the URL of an already uploaded CSS file.
      Click Select…button, browse the uploaded files to select the CSS file you want to apply, and click Done.
    • If you want to add custom CSS code, on Write CSS tab, enter the CSS code in the textbox.
  3. In Media radio button, select the media type for which the embedded CSS is intended.
    Select one of the following:
    • All
      Includes all types of media
    • Select media types…
      A list of checkboxes appears.
      For more information about different media types, see World Wide Web Consortium specifications » Media types » 7.3 Recognized media types.
  4. When you are finished, click Save.
    The CSS window closes and the system embeds the link to the CSS file or the code you have written in the head tag of the page.

Additional resources

ARTICLES

Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.

Get started with Integration Hub | Sitefinity Cloud | Sitefinity SaaS

This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.

Web Security for Sitefinity Administrators

This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. Configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.

Was this article helpful?

Next article

JavaScript widget