This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Replies

4
  1. Alex S Staff 9 years, 22 days ago

    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. Heinz Robert 9 years, 22 days ago

    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. Alex S Staff 9 years, 22 days ago

    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. Heinz Robert 9 years, 22 days ago

    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.

Have a different question or issue?

Start New Thread