How can I move my slide counter to the bottom left of image? (Dawn theme)

[faecom1]

Hi,

How can I move my slide counter (circled in red) to the bottom left of image? I’m using Dawn theme.

I cant figure it out.

Store URL: https://belmori.com/products/platform-fluffy-slippers-women-house-flats-fashion-plush-winter-designer-shoes-ladies-home-elegant-casual-footwear-large-size?variant=49284547379543

[Dan-From-Ryviu]

Hi @faecom1

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

.product .product__media-wrapper .slider-buttons {
    justify-content: flex-start;
}

[namphan]

Hi @faecom1 ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

@media (max-width: 749px) {
    .slider-buttons.no-js-hidden.quick-add-hidden {
        justify-content: flex-start;
        left: -15px;
    }
}

[ZestardTech]

Hello @faecom1

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.product__media-wrapper .slider-buttons {
justify-content: start !important;
}