Home>Support>Css in SiteOrigin Editor

Css in SiteOrigin Editor

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi SiteOrigin.
I’ve tried to position the logo image next to page title.
To do this, i’m trying to compile the fields in the “widget styles” inside the “siteorigin editor” widget. But i don’t understand why it doesn’t works. I tried to handle the “Widget ID”, “Widget Class” and “Css Styles”… but nothing.
Could you please give me an example how i could complete it?
Thank you very much

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 years, 9 months ago Alex S
    Hi, I Work Here

    Hi Lorenzo,

    The CSS Styles field only supports inline CSS. This means that you’re unable to use selectors. In other words, this will work:

    border-left: 5px solid #00;
    text-transform: uppercase;
    

    This won’t work:

    .example {
        border-left: 5px solid #00;
        text-transform: uppercase;
    }
    

    I would recommend installing and using SiteOrigin CSS to add your CSS to your website. Once installed, please navigate to WP Admin > Appearance > Custom CSS and add your CSS there.

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