-
Hello,
To create a popup, I’ve used the pattern library and selected and inserted popup no. 4.
This element has the classes gbp-overlay-panel (global style) and gb-element-dbc711c5 (block style).
The default CSS is:
.gb-element-dbc711c5 {
max-width: 100%;
position: relative;
width: 450px;
padding: 32px;
}
This CSS is in the style-209.css file on the frontend.When I change the local styles like the padding of the popup (.gb-element-dbc711c5) in the GB editor, the change is reflected in the backend, but not in the frontend.
I disabled my caching plugin, regenerated the CSS, switched from external to inline CSS printing, and disabled and re-enabled the GB Pro plugin, but nothing helped.
I also manually edited the style-209.css file, but after saving the changes in the block editor, it reverts to the default CSS.
Shouldn’t these local styles just be editable? What’s wrong, what am I doing wrong?Thanks in advance,
Markus -
Hi Markus,
You have 3 overlay panels on the page, and all of them share the same block class, so their styles will override each other.
To fix this issue, edit the overlay panel, and duplicate the root container. This step will generate a new class for the container, then you can remove the original one.
Let me know if this helps!
-
Hello Ying,
I didn’t notice those identical classes.
This is probably because I duplicated one popup twice in the Overlay Panels screen.
Is it desirable for an overlay panel duplicated in the Overlay Panels screen to get the same class?Anyway, the fix you suggested solved the problem.
Thanks a lot!
Markus -
Is it desirable for an overlay panel duplicated in the Overlay Panels screen to get the same class?
No, when you duplicate (not copy/paste), the new blocks should have new classes.
While copy/paste keeps the same classes.
-
So this is a bug, because I duplicated one popup twice in the Overlay Panels screen and that didn’t create new classes.
-
You are NOT duplicating the block, but the overlay panel, which is a custom post type, so it will NOT create new block classes.
In this case, duplicate the overlay panel, then edit the new overly panel, duplicate its blocks, remove the original blocks should work.
-
Thanks for your help, I really appreciate the quick and clear response!
I understand this isn’t technically a bug, but rather how CPT duplication works.
Still, from a user’s point of view it feels a bit unintuitive.
In a visual builder like GenerateBlocks, it would be great if the “Duplicate” button created a fully independent duplicate right away, especially for something visual like overlay panels.
Right now, duplication feels a bit limited since the duplicates share the same styles and can’t be edited separately, without copying blocks first.I’m mentioning this because I really enjoy using GenerateBlocks and want to see it keep getting even better, it’s already an amazing tool!
Maybe something to consider for a future update? 😊Keep up the great work with GB!
Markus -
You are welcome 🙂
But what you are asking for is not something technically possible, at least in the near future, unfortunately!
- You must be logged in to reply to this topic.