Home>Support>How to Customize Widgets in SiteOrigin Page Builder?

How to Customize Widgets in SiteOrigin Page Builder?

By Mark Wood, 7 months ago. Last reply by Andrew Misplon, 7 months ago.

Hi everyone,
I’m using the SiteOrigin Page Builder along with one of their themes, and I’m having trouble customizing the widgets. Here are a few specific issues I’m encountering:

How do I change the styling (font size, colors, etc.) for individual widgets without affecting the entire site?
Is it possible to add custom CSS or additional functionality to SiteOrigin widgets? If yes, what’s the best way to do that?
Any tips for ensuring compatibility between SiteOrigin and third-party plugins that modify widget behavior?
I’d really appreciate any advice, examples, or resources you can share. Thanks in advance!

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

  1. 7 months, 23 days ago Andrew Misplon
    Hi, I Work Here

    Hi Mark

    Thanks for posting your question.

    When editing a widget in Page Builder you’ll find a Styles panel on the right including a Design section. Other available settings will be contained in the widget, it’s up to the author which settings are included.

    You can target your widgets with Custom CSS. Please find a guide here: Post: A Custom CSS Guide to Page Builder Row, Cell & Widget Attributes. To add additional functionality, you might consult our developer docs: https://siteorigin.com/docs/widgets-bundle/.

    Any tips for ensuring compatibility between SiteOrigin and third-party plugins that modify widget behavior?
    If you have any specific questions, we’ll do our best to assist.

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