Hi All:
Trying to use a Carousel of images on a web page. What determines the size of the Carousel? Is it the size of the images? Can you “size” the carousel?
Really no documentation on this basic bric, have looked for settings and I don’t see any.
Thanks for the help…
Rich
I noted this and if you use pictures of varying sizes it resizes the bric and pushes everything out rather than scale the pictures. So I used a blank employee in affinity photo, created pictures to this same sized template and worked around that.
Thank you Al…
So IT IS the size of “an” image in the pack that determines the size on screen.
I will have to experiment more…
Rich
No matter how small I make the image it blows up when viewing on the page. Yet I have another carousel on another page, that remains small and sized properly. Looking at the two, I can see no difference in any settings?
Really strange…
Rich
Just like all normal images, the carousel (an image container) will size itself to fit within the column in which it is placed as standard. You can reduce this width by adjusting it with a custom class. Once the carousel is sized and positioned as you want it, the images you add to the slides will size to fit the carousel. Therefore, you should always try to use images larger than may be needed in order to maintain quality. The one thing that is important from an aesthetic point of view is to ensure your images all have the same aspect ratio. If you don’t observe this rule, your carousel will jump in aspect ratio as the slides transition, which doesn’t look very professional.
…and Jery.
Thank you for clarifying how this bric works.
Custom class size, and bumpy graphics if image size are too broad.
Got it! Back to playing…
Thank you all very much…
Rich
OK…I drop in a DIV, then I added a 1x Column Row. I resize the row by dragging the size handles, and get it in the center, I drop in my Carousel, and bingo, everything is to the image sizing I want!
Perfect.
Then I check the position in the “MD” breakpoint and the carousel is off center? In the large breakpoint, all is in the center. All other breakpoints have the carousel to the left of center.
I can’t seem to change that…
Suggestions are welcome…
Thank you all.
Design depending I will often use the carousel class to set the dimensions and then add small CSS entry to the page header. This allows the carousel to be dynamic across breakpoints.
The carousel class I use to set height and width. Usually I will set the height in vh and width auto (again design dependant).
.carousel-item img
CSS for page / project header.
.carousel-item img {object-fit: cover;}If I set a hight of say 40vh for example, which is 40% of the viewport, I will tend to also set a min-height (in px) for small breakpoints, so its the size I want.
Adding the Object fit style is the same as background cover. So you have no issues with image jumping if they happen to be the wrong dimension. (great if you are setting up a CMS and the client is updating the carousel themselves).
Thanks Pete, that helps…still can’t get it in the center for some reason?
What am I missing?
Rich
I just tried this (without the extra div though … what’s that for?). Added a bloc, inside a row with one column. Reduced the col size to have it use 10 grid-columns on both, xl and md and pushed it one to the right to center it. No issues here. Even when I use a col with a div with another column.
Is there a way to replicate the behaviour you encounter?
Hi Pumpkin:
I didn’t add a bloc, just a 1 column bric in an existing Bloc. Forget about the div, didn’t need it.
I think if I was adding a whole new Bloc, this would probably all work out.
Thanks
Rich
When I open a new Bloc, and insert a Carousel Bric, all is fine. I can size it, it appears in the middle of page, etc…however, when I insert a carousel into an existing Bloc, that seems to be the issue.
A limitation or bug in Blocs?
Rich
Hey Rich,
do you have the carousel in a separate column? If so, using the columns width and offset settings, works like it should. Just tried it with a project I’m currently working on.
If you happen to have the carousel bric between some other Brics inside a column, set the width of the carousel using a class (or if you used the handles, use the class that got created) and set the left and right margin to auto. Do that for each breakpoint, to adjust it to your liking.
Hope that helps.
Cheers,
Fynn
Thanks Fynn…I will have to try that.
This morning I spent a few hours recreating the Bloc I had, to incorporate the Carousel since everything I tried would not get it to center properly.
I did save that page, so I will try that…though I thought I had to no avail?
Thanks again
Rich
So the carousel image is off? Do you have any CSS from something else effecting it? Since it was wrapped in a div before, did you try that other thread about animating / zooming the image?
Snap shots are video can help (ideally a link). Otherwise we guess a lot.
I decided to just rebuild the Bloc. Which I did this morning. Not clear to me why I could not center the Carousel on the page? So I started from scratch…rebuilt the Bloc, added the Carousel and it all seems to be working OK now.
Still…I should have been able to just add a Carousel Bric, size, and position it, and move on. Instead, I spent hours working on it.
Blocs was intended to be simple for us non-programmers. Right? 
Thank Goodness we have this community and people like you and the others that responded to my call for help.
THAT is the best part of Blocs…
Thank you all!!
Rich
Morning Rich (in the UK),
This will be no help to you whatsoever, but I get similar things happening intermittently where there’s a ‘blip’ in the system, and what should work just doesn’t.
Like you, a delete and rebuild - sometimes in a new document and saved as a custom bloc saves the day.
It’s something I can’t normally replicate, and haven’t had it happen for a long time now - a good few months - so never reported it.
You’re not alone. Frustrating, but work-roundable!
Hi Trevor:
Yes, I have had the same experience during these months I have been using Blocs. Sometimes, things just don’t work as they are supposed to. Sometimes I quit and re-start and then suddenly I can do whatever it was not doing before. Not reportable, not repeatable, in the sense that I could report it and show others what is not working.
These little “glitches” do seem to be present in Blocs.
Rich