This idea is from Bricks Builder, and I find it very useful.
In Bricks, when I add a section, it comes with a parent and an inner wrapper(we call the wrapper a container in bricks), and both(refer to the screenshot below) show as separated items in the structure panel(navigator in Cwicly).
Here is the structure for the section in Bricks <--section <--inner wrapper
Why do I say I like the way Bricks doing? Because the Section element in Bricks is detachable.
Use case:
For better SEO purposes, I wouldn’t use the background-image property for my hero section or other sections that need a background image. I will use an image block and then set the object-fit: cover instead.
With the Bricks section, I can easily add a div as the image wrapper and an image block above the inner container, just like I do below.
In Cwicly, the section block and its inner wrapper are in a single block. So, I can’t do as I do in Bricks. I need to add a div for the main section, change the HTML tag, add another div for the image wrapper for the background image and set all the global width, padding, padding and so on. (this is my current workaround to achieve this).
I can also achieve this in Cwicly, but with a lot of manual styling.
Hey @jornes, not sure if I understand your question correct.
For what purpose do you need that div as image-wrapper?
If you set the section in cwicly to max-width: 100% and set all Padding to 0, then insert an image and give it a height and width of 100% you have a image stretched all over the section (automatically with a div wrapper since the section-element adds that div automatically).
If you need to target that div (for whatever reason) you could easily do that with the relative-styling feature. So I don’t see any need to detach it to be honest but maybe I’m overseeing something obvious?
If you find that Cwicly section block is limiting you, then as you mentioned you can use two nested “div” elements and name one as “section” and the other as “container” , add global classes to it if needed and then do whatever you want with these elements to achieve your desired layout. To easily access and use this “custom section” again in the future you can save it to design library. This is what I do if I find Cwicly section block is somehow limiting me - just load “my custom section” from design library when needed.
As @krievinshj said. Something is limiting me with the current section block. Maybe I can try the workaround you suggested to see if it’s what I want, as mentioned.
