Volt CMS - Volt Gallery Carousel

I Need Help
1

Anyone know if it is possible to remove the nav ‘lines’ at the bottom of the Volt Gallery Carousel images ? Maybe I missed or tick a box.

I thank-you
Tony

image
image1446×1200 366 KB

2

With CSS only:

.carousel-indicators {
    display: none;
}
3

Great CMS you are building.
Thank-you.

1 Like
4

Hello,
Another question.
I have a site that is using images 1500x 1500px.
Sometimes a slideshow, sometimes 1 stand alone image.
With Volt - we have 3 options.
Flex, masonry, carousel.

I chose carousel also for stand alone images. Should I be choosing another solution ?
My customers should be able to replace them themselves.

How can I hide the nav arrows ? I have tried a few googled css solutions.
Ex:
.carousel-prev-arrow {
display: none;
}
.carousel-next-arrow {
display: none;
}

I have tried also a few others. Thought I would ask.

Thank-you
Tony

5

Depends if you want to display a slider or a grid gallery with a lightbox.

.carousel-nav-controls {
    display: none !important;
}
6

Thank-you. Solved my problem.

1 Like
7

I’d like to add different links to each image that I’m currently adding a Volt CMS Carousel. But when I select an image, the Link icon in the toolbox remains greyed-out. Is this not technically possible? Or does anyone know of a work-around? Thanks!

8

Hi Derek,
it’s not supported currently.
Regards
Jannis

1 Like
9

Thanks for the swift reply @Jannis.
Just making sure I hadn’t missed an option anywhere.

10

Anyone got any ideas what’s going on here?

The Volt CMS Carousel behaves fine at larger break points. But on smaller break points the left side of the photo is hidden, appears when the photo slides in/out, and then disappears again.

I’ve removed the single column structure bloc and added the Volt Gallery bric several times now. But each time the result is the same.

Blocs v.4.5.2 / Volt Gallery 1.9.0

11

Is this inside a blog post?

12

No. It’s on page of the site.

13

CSS bug, will fix soon.

2 Likes
14

Thank-you @Jannis :pray:

1 Like
15

hello, I’m trying to hide nav arrows and nav lines on a carousel and is not working with css code, con you please help me, https://www.atmad.pt

Captura de ecrã 2023-11-02, às 11.36.49
Captura de ecrã 2023-11-02, às 11.36.491694×950 150 KB

16

try:

.carousel-indicators, .carousel-nav-controls {
    display: none !important;
}
1 Like
17

I forgot (style), i thinks it’s working, thanks

Captura de ecrã 2023-11-02, às 11.59.15
Captura de ecrã 2023-11-02, às 11.59.151308×1018 144 KB

18

Hello Jannis.
I have a new wish. Is it possible to move the carousel-indicators and alt text below the image with padding or some other method ?
I thank-you
Tony