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-designe...

[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;
}