How can I center the slideshow control buttons on my homepage?

[Matys_hfn]

Hello,

I would like to center my slide control buttons at the bottom, just like they are currently displayed on mobile and desktop.

How can I achieve this?

Here is my theme: Impact
Here is my site: https://tata-paulette-france.myshopify.com/
Here is the password: mowpre

[dannyelo]

Hello!

Go to your theme.css file, at the bottom of the file copy and paste this.

@media screen and (min-width: 1400px) {
  .slideshow__controls {
    left: 50%;
    display: flex;
    justify-content: center;
  }
}

Is this what you need?

Let me know!

[Made4uo-Ribe]

Hi @Matys_hfn ,

Try this.

1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
4. And Save.

.slideshow__controls {
    position: absolute;
    left: 45%;
    right: 50%;
}

Result:

I hope it help.

[Matys_hfn]

Its good on desktop but on mobile its not in middle but a little on the left

[Matys_hfn]

Its not work…