Customize SVG buttons

[PaulM75]

Hi, how can i customize buttons/arrows? Ths

[feimosi]

It's impossible with CSS as they're hardcoded as SVG in the .js file. You can always change the color by modifying that file, but it's just a workaround. Implementing buttons customization would be too complicated.

[mattweb]

Hey Marek,

I'm also interested in customizing buttons. Wouldn't this be a simple solution?
https://flickity.metafizzy.co/options.html#arrowshape

Thanks for your good work!
Matt

Edit: Sorry, didn't see the Pull Request #204

[feimosi]

Hey Matthias, feel free to use that branch. It's not ready yet as I need to clean up the code. I also haven't tested it.

[terryupton]

Any update on being able to customise SVG buttons?

[Mushr0000m]

Yes it would be nice to be able with CSS to at least change the color of the stroke.

[joshangehr]

@Mushr0000m You can change the stroke colour with this CSS:

polyline, line {
    stroke: red;
}

As for the custom SVG icons, I see that the previous pull request looks to been abandoned. @feimosi I can whip up a new one if you're still taking contributions? I've done it with very minimal changes (essentially just passing the userOptions to the buildOverlay() function so that we can access custom values, and then updating the innerHTML of each icon if one exists.

[feimosi]

@joshangehr sure 👍

[crafted-at]

[...] I see that the previous pull request looks to been abandoned. @feimosi I can whip up a new one if you're still taking contributions?

@joshangehr are you still pursuing this?