1: Another Carousel Question
Posted by Peter D. on 06/03/24 08:09

I have a page on our website which includes 2 carousels of photographs. These each occupy the full width of the page, which obviously takes up quite a bit of space.

Is it possible to place the two carousels themselves into a grid so that they appear side by side on the page?

Thanks

Peter 

2: Re: Another Carousel Question (response to 1)
Posted by Joe Oldak on 08/03/24 21:50

The only "out of the box" way is to use page columns and put a carousel into each column. The columns aren't all the same size though.

It would be possible to get it to work using some Raw HTML includelets to split the main column into two but it's a bit advanced!

Essentially what you would need to end up with is something like this:

Raw HTML with this HTML in it:

<div class="row">
<div class="col-xs-12 col-md-6">

Then your first Carousel

Then Raw HTML with:

</div>
<div class="col-xs-12 col-md-6">

Then Second Carousel

Then Raw HTML with:

</div>
</div>

The idea is that the first Raw HTML sets up set of rows and starts the first column with in that. Then the carousel. Then the second Raw HTML ends the first column and starts the second. Then a carousel. Then the last Raw HTML ends the second column and the row set.

Hope this help!?

Joe

3: Re: Another Carousel Question (response to 2)
Posted by Peter D. on 18/03/24 14:43

 

Thanks Joe.

That gives me exactly the effect I was after.

Regards

Peter