How to move the pagination numbers on product images

Store Design
, , , , ,
1

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:

85339AC4-BDAE-49F8-89A0-9D4F68D2BA63.jpeg
85339AC4-BDAE-49F8-89A0-9D4F68D2BA63.jpeg828×1792 128 KB

any help would be much appreciated!

2

Hello,

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

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

dannyelo_0-1689304205187.png
dannyelo_0-1689304205187.png894×1444 242 KB

Hope this helps!

3

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

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