How to move the pagination numbers on product images

[doorstepdrip]

Hi, how can I move the product images numbering pagination to the bottom left of the image?

my website is: doorstepdrip.com

it currently looks like this:

any help would be much appreciated!

[dannyelo]

Hello,

In /assets/component-slider.css file at the bottom, copy and paste this code.

.slider-buttons {
  position: absolute;
  bottom: 8px;
  right: 30px;
}

Hope this helps!

[dannyelo]

Also add this into base.css (at the bottom) so the title has more padding top.

.product__info-wrapper {
  padding-top: 30px;
}