Can the Previous/next buttons of the carousel be out of the images ?

[benjaminlr]

Hi Marius,
first of all, thank you for your work !

I have a problem with my website : I would like to put the previous and next buttons of the carousel out of the images.
Idealy, I would like to put a négative number to "Space between buttons and edge of carousel", but it doesn't seem possible.

Would you please have some advice to me ?

Thank you !

Best regards,

Benjamin.

[mariusjopen]

Dear @benjaminlr
ah! This one is tricky. I think you need to use some CSS magic for that.
Maybe transform, or margin negative?

Did you give that a shot?

Best!

Marius

[benjaminlr]

Dear Marius,

thanks for such a quick answer.
unfortunately, I don't know much about CSS...

The thing I don't understand is months ago, when I made my website, I put "-45" in "Space between buttons and edge of carousel", and it was ok : the buttons were out of the images.
But last week, when I changed the button, because I wanted to use an other image, the "-45" automatically turned to "0".
And when I tried to change it to "-45" again, it tell me "please select a value greater than or equal to zero".
I tried to delete the new buttons images to get back to my last version, but the problem was still there.
Could it be about an upgrade of the theme ?

Thank you again for your help.

Best regards,

Benjamin

[CyberSlayers]

Hi @benjaminlr
You can add this css in the "Custom CSS & HTML" section :

.flickity-prev-next-button.next {
right: -45px;
}
.flickity-prev-next-button.previous {
left: -45px;
}

Let me know if you need more info about how to do this :)
Best,
Audrey

[benjaminlr]

Hi Audrey,

this is exactly what I needed !
Thank you very much !

Best,
Benjamin

[nuotio]

Hey! I have a similar need/problem/request! Before I was able to set the arrows outside the container with negative values. Now after the carousel updated the buttons are hidden outside the swiper-container. Is there any css hack I could use? Or as a last resort, is it possible to go back to the old carousel plugin without downgrading WP or Laytheme otherwise? ::desperate::

[mariusjopen]

Dear @benjaminlr
can you post a link?
Best!

Marius

[nuotio]

@mariusjopen I don't know if my example helps at all, but I replicated the above negative value hack here: http://anttonnuotio.com/testsite Arrows are nicely outside the container and everything works. This is made with an older version of the carousel plugin, with the newest one this doesn't work anymore. There the overflow is hidden, and when the buttons go past the container they're not visible anymore…

Would really appreciate finding some solution for this! Going back to the old version for example, if that's possible…

Thanks a lot for your help as always!!!

[mariusjopen]

Dear @benjaminlr
ah! Super cool work!
Yes, I think I know where the problem is:
The new carousel might have trouble of displaying the arrows outside.
We will have a look.

Best!

Marius

[arminunruh]

Its not possible but I will create an option for it, I wrote it down.

I sent you a link to an old version.

[thearlman]

Hey there!
Thanks for the great work.
Did anyone find a workaround for this yet?
Or has the feature been upgraded?
Unfortunately the buttons don't seem to respond to any CSS, even with the evil !important...