Page 1 of 1

Overlaying a carousel on a banner – GUI approach vs. CSS override?

Posted: Fri Oct 10, 2025 8:50 pm
by karkojk
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

Re: Overlaying a carousel on a banner – GUI approach vs. CSS override?

Posted: Sat Oct 11, 2025 6:45 am
by Pablo
By default, the carousel uses an absolute position. However, if you place it inside a layout grid or set it to floating, its positioning will adapt accordingly.

Of course, if you need more specialized behavior, you can always use custom code. It’s simply not possible to provide a GUI option for every scenario someone might imagine.