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.

Custom Styling for #pgc and #panel elements with page updates

Open 3 replies customizationpluginplugin-page-builder
Alcott45
9 years ago · Last reply by Alex S 9 years ago

On this page:

Home

There are a number of ID selectors that have a custom style applied to them such as –

#panel-w56d70ed593c78-0-1-0

#pgc-w56d70ed593c78-0-1

#pgc-w56d603e503ca2-0-0

After a couple of updates to the page I realized that the ID number is resetting itself. Is there a better way to apply the styles for a #pgc and/or #panel element without having to update the custom css after every update of the page?

The custom CSS is in the head of the document, Kadence Virtue Premium Theme.

Thanks

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Alex S Staff 9 years, 11 months ago

    Hi Alcott45,

    This is something we’re definitely working on to improve. You might, however, be able to get away with setting a class, or an ID.

    To add an ID / class for a row, find your row, click the wrench slightly above it to the right and head over to the row styles sidebar. Open the attributes group and input an ID or class.

    To add a class for a widget, find your intended widget, open the widget and head over to the widget styles sidebar. Open the attributes group and input a class.

    Also, be sure to keep the plugin as we’ve been making a bunch of improvements recently that should help resolve this issue.

  2. Alcott45 9 years, 11 months ago

    Thanks for the response. I am a big fan. :-) I’ll be keeping the plugin. Among other things such as the addition of being able to reverse the widgets mobile load order, I have no complaints.

    Adding a class to different styles worked for other elements with custom CSS, but for some reason the styling only worked with those elements using the #pgc selectors. Is there a better way to apply those styles that I missed?

    Thanks again.

  3. Alex S Staff 9 years, 11 months ago

    Hi Alcott45,

    Could you elaborate on what you mean? Are you trying to do something like this: #pgc-w56d603e503ca2-0-0 .example? If you are, you could just target the class directly.

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