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

[NikosBat]

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.

 

[DaisyVo · Accepted solution]

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: 

 

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

[NikosBat]

Thanks DaisyVo I appreciate it, that solved my problem

[NikosBat]

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

[DaisyVo]

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