Home>Support>How to adjust CSS for Featured Widget

How to adjust CSS for Featured Widget

I was able to update the font size and family for text in the feature widget, but I wanted to enter it as CSS outside the text and not use an HTML element like SPAN. I tried putting in font-family: Tahoma; and also dropped the semicolon to test either way and nothing changed. Until that is when I placed the SPAN with CSS around my text in the Featured description. Is this the proper way to do this? I Could not find an example how to enter data into the CSS STYLE box in the styling area for the widget.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 6 years, 7 months ago Alex S
    Hi, I Work Here

    Hi Alan,

    The CSS Styles box only allows for inline CSS. This is ideal for general changes (border, border-radius, box-shadow, etc) but certain font changes – such as sizing or font-family may be ignored (due to specificity – if you’re interested, I would give this a read) due to more specific CSS. As such, you’ll likely need to add CSS elsewhere to make the desired changes.

    Consider using SiteOrigin CSS Editor to make these edits easier.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More