How can I reposition slideshow dots in the Dawn theme?

Solved

How can I reposition slideshow dots in the Dawn theme?

harukajmickey
Shopify Partner
119 0 9

Hi I am using Dawn theme.

 

How do I move the dots of slideshow to the inside of the slides?

Thank you in advance.

https://dotu-manekineko.com/?_ab=0&_fd=0&_sc=1

 

 

スクリーンショット 2022-12-04 14.30.46.png

Accepted Solution (1)

GemPages
Shopify Partner
5625 1262 1279

This is an accepted solution.

Hi @harukajmickey 

I would like to give you a solution to support you.

 

You can try adding more code by following below:

1. Go to Online Store -> Theme -> Customize https://prnt.sc/TttHuulWLqhk

2. Add a Custom liquid section on page https://prnt.sc/kaDXz8HTUl7m

3. Paste the below code into custom liquid. 

 

<style>
  @media screen and (min-width: 749px){
    .slideshow__controls {
        position: absolute;
        bottom: 0;
        z-index: 9;
        left: 50%;
        transform: translateX(-50%);
        border: none;
    }
  }
</style>

 

 

GemPages_1-1670138286457.png

 

If the above solution does not work, can you share the link of the page containing the above Slideshow?

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 3 (3)

GemPages
Shopify Partner
5625 1262 1279

This is an accepted solution.

Hi @harukajmickey 

I would like to give you a solution to support you.

 

You can try adding more code by following below:

1. Go to Online Store -> Theme -> Customize https://prnt.sc/TttHuulWLqhk

2. Add a Custom liquid section on page https://prnt.sc/kaDXz8HTUl7m

3. Paste the below code into custom liquid. 

 

<style>
  @media screen and (min-width: 749px){
    .slideshow__controls {
        position: absolute;
        bottom: 0;
        z-index: 9;
        left: 50%;
        transform: translateX(-50%);
        border: none;
    }
  }
</style>

 

 

GemPages_1-1670138286457.png

 

If the above solution does not work, can you share the link of the page containing the above Slideshow?

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
harukajmickey
Shopify Partner
119 0 9

@GemPages 

Perfectly worked. Thank you!

GemPages
Shopify Partner
5625 1262 1279

I am glad that my solution is helpful to you 😁.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center