Home>Support>Widget Id
  1. 7 years, 8 months ago Alex S
    Hi, I Work Here

    Hi Heinz,

    Unfortunately, outside of viewing the page source itself to find the widget id, this isn’t possible at this time. I’ve marked this thread as a feature request. We often look through these threads to get ideas for what to add in our future updates. Hopefully, we’ll be able to add this in a future update.

  2. 7 years, 8 months ago Heinz Robert

    I saw that there is a possibility to name the class of the widgets when I put it in a row on a page, but in the code the don’t appear then, so I don’t know how to address them with CSS.
    If I add a widget in a sidebar I don’t have this class-option.

  3. 7 years, 8 months ago Alex S
    Hi, I Work Here

    Hi Heinz,

    Oh. Sorry, I was treating this more as a (widget/page builder) developer type question. Okay, so the easiest way to see the widget, row or column id is to find it in your source code. Please refer to this page for information on how to do that in your browser. For reference, here is the general structure of the SiteOrigin Page Builder data:

    #pl-POSTID
    – This is the overall post wrapper that is inserted by page builder.
    – Very little reason to write a selector with this included.

    #pg-PAGEID-ROWORDERINGNUMBER .panel-grid
    – Each row has .panel-grid attached to them for easier referencing
    – each row has a unqiue ID.

    .panel-row-style
    – Only present if row styling is applied.
    – Heads up: Row layouts apply styling

    #pgc-PAGEID-ROWNUMBER-COLUMNNUMBER .panel-grid-cell
    – The same as the row structure

    .so-panel .widget .widget_WIDGETSLUG (.panel-first-child / .panel-last-child)
    – .so-panel and .widget are there so you can easily target widgets
    – .widget can be disabled in page builder settings if theme conflict
    – .widget_WIDGETSLUG will allow you to specically target certain widgets
    – .panel-first-child / .panel-last-child are present depending on context. If only one widget is present both will be applied.

    #panel-PAGEID-ROWNUMBER-COLUMNNUMBER-WIDGETNUMBER

    If your row id or widget class isn’t outputting – that’s a problem, do you have a public URL where we can take a look at what’s going on?

    Regarding your sidebar, I highly recommend adding a layout builder to your sidebar and then adding your desired widgets to that as it’ll give you more control over your sidebar.

  4. 7 years, 8 months ago Heinz Robert

    Great! Thank you very much, that helped a lot. Have seen these #pg and #pl IDs and used them but for some reason I had still troubles to address certain things. I will play around with these.
    Thank for the tip with the builder in the sidebar, have done that already in another widget area, but sidebar seems to be a perfect place for it ;-).

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