Overlaying a carousel on a banner – GUI approach vs. CSS override?
Posted: Fri Oct 10, 2025 8:50 pm
Hello,
website preview
https://karko.cz/test/index.html
wwb file
https://docs.google.com/document/d/1xN2 ... ue&sd=true
I am creating a carousel located on a banner image (position: absolute). I tried inserting CSS code before </body>:
#wb_welcome-carousel {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}
It works, but if possible, I don't know if it can be done directly through the GUI
Questions:
- Can I set position: absolute for the carousel through the GUI properties?
- Is overwriting CSS a common way to achieve advanced positioning in WWB20?
- Am I overlooking something?
I've attached another way I tried, this time I wanted to place the Carousel at the edge of the banner so that it would be centered responsively according to the HeaderGrid in the empty space of the banner.
But text formatting is complicated here, I also tried Layer.
Jirka
website preview
https://karko.cz/test/index.html
wwb file
https://docs.google.com/document/d/1xN2 ... ue&sd=true
I am creating a carousel located on a banner image (position: absolute). I tried inserting CSS code before </body>:
#wb_welcome-carousel {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}
It works, but if possible, I don't know if it can be done directly through the GUI
Questions:
- Can I set position: absolute for the carousel through the GUI properties?
- Is overwriting CSS a common way to achieve advanced positioning in WWB20?
- Am I overlooking something?
I've attached another way I tried, this time I wanted to place the Carousel at the edge of the banner so that it would be centered responsively according to the HeaderGrid in the empty space of the banner.
But text formatting is complicated here, I also tried Layer.
Jirka