How can I overlap pagination with images on Dawn template?

[elliscanvastent]

I am looking to have the pagination for my header slideshow to overlap the images.

Thank you!

[KetanKumar]

@elliscanvastent 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[elliscanvastent]

Thank you. 

The url is - https://ellis-canvas-tents-6282.myshopify.com/

[dmwwebartisan]

@elliscanvastent 

Welcome to the Shopify community!
Please share your store URL!
I will check out the issue and provide the correct solution to you!

Thanks!

[elliscanvastent]

Thank you. 

The url is - https://ellis-canvas-tents-6282.myshopify.com/

[LitCommerce]

Hi @elliscanvastent,

Please send me the password. I will check it.

[LitCommerce]

Hi @elliscanvastent,

Go to Assets > base.css and paste this at the bottom of the file:

.slideshow__controls {
    position: absolute !important;    
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: none !important;
}

Hope it helps!

[elliscanvastent]

Thank you. This worked but the images no longer auto-slide.

[ashutoshvyas]

.slideshow__controls {
    position: absolute !important;    
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: none !important;
    z-index:999;
}