How to move a button some px to the left or right

Shopify Discussion
1

Hello friends, how can I move some px this button to the left or right? I only know how to adjust the hight of the button.

Bildschirmfoto 2025-01-01 um 15.14.55.png
Bildschirmfoto 2025-01-01 um 15.14.55.png2812×1426 495 KB

2

Hi @NikosBat

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
div[aria-label="1 von 3"] .slideshow__text.banner__box.content-container .banner__buttons {
    padding-right: 64px;
}

Here is the result:

image_720.png
image_720.png720×383 224 KB

If you want to move it to the left, use this code (padding-right).
To move it to the right, use padding-left.

I hope this helps

Best,

Daisy

3

Thanks DaisyVo I appreciate it, that solved my problem

4

Hey DaisyVo, the button is also moving in the mobile version. Can I somehow adjust the padding only for desktop version?

5

Hi @NikosBat

@media screen and (min-width: 1024px){
div[aria-label="1 von 3"] .slideshow__text.banner__box.content-container .banner__buttons {
    padding-right: 64px;
}
}

Please change this old code to this code