Change gallery buttons position

[Frakir]

Hello,

I'd be greatful for any help!

I didn't find an answer to this question - how can I change the arrows' position in the gallery app? I want them to be in the bottom, on both sides of the caption. Or at least not on top of the image but next to it.

I know it has something to do with fancybox css but I don't know what to enter, after I tried several things. 

Thanks a lot in advance

Elitsa

[Adam7]

Can you post a link to a gallery on your site, @Frakir? That could probably be done with some CSS overrides added to Settings > SEO > Header Code so you don't need to customize your theme.

[Frakir]

Hello @Adam 

this is the gallery in my not yet finished website https://frakir2.weebly.com/canvas.html 

thank you a lot!

Elitsa

[Adam7]

Try using this in Settings > SEO > Header Code:

<style>
	.fancybox-next {
		right: -15% !important;
		padding-left: 15% !important;
	}
	.fancybox-prev {
		left: -15% !important;
		padding-right: 15% !important;
	}
</style>

It should work on the live site.

[Frakir]

Great! It worked, thank you a lot!