Rounding corners of all buttons

Highlighted
Shopify Partner
53 3 30

@Tiikow This might work for you:

.btn, 
.shopify-payment-button, 
.shopify-payment-button .shopify-payment-button__button--unbranded {
    border-radius: 10px !important;
    outline: none !important;
}
Developer of PixPix image editor for Shopify
0 Likes
Highlighted
Tourist
8 0 1

Hi Again,

 

it worked like a charme, thank you so much for the support.

 

Tarik M

0 Likes
Highlighted
Tourist
8 0 1

Hi Again,

 

sorry, I remaked that  one button was not changed. it's the : UPDATE CART button. please can you support me more on this, thank you for your help

 

Tarik M

0 Likes
Highlighted
Shopify Partner
53 3 30

Hi,
Here is the code that also handle update cart button:

.btn, 
.btn--secondary,
.shopify-payment-button, 
.shopify-payment-button .shopify-payment-button__button--unbranded {
    border-radius: 10px !important;
    outline: none !important;
}

Regards,

Developer of PixPix image editor for Shopify
0 Likes
Highlighted
Tourist
8 0 1

Hi again,

 

sorry for the late feedback. yeah now it worked just fine.

I added both codes, because when I add only the second one, it's the subscribe button that go square again;

thanks again.

SUBJECT CLOSED

1 Like
Highlighted
Excursionist
24 0 4

How can you do this for the buttons on the newsletter box? DO I need to change the code in the section?

 

All my buttons are round except this on my home bag and my password page. 

 

Thanks!

0 Likes
Highlighted
Excursionist
24 0 4

I switched to debut theme and I was able to use the code you provided. However, in the mobile version, the CTA button has a white box behind it that is layered on top of my slide show. I am assuming I need to add code for mobile and make transparent. Could you help?

code used:

.btn {
  height: 40px; width: 250px;
  border-radius: 25px;
  &:hover {
    outline: none !important;
  }
  &:after {
    outline: none !important;
  }
}

And what mobile view looks like:

 

Screen Shot 2020-06-01 at 10.52.11 PM.png

0 Likes
Highlighted
Excursionist
24 0 4

 

@Sudipta  I am using the Debut theme with the code below but in the mobile version, the CTA button has a white box behind it that is layered on top of my slide show. I am assuming I need to add code for mobile and make transparent. Could you help?

code used:

.btn {  height: 40px; width: 250px;  border-radius: 25px;
  &:hover {    outline: none !important;
  }
  &:after {    outline: none !important;
  }
}

And what mobile view looks like:

 

Screen Shot 2020-06-01 at 10.52.11 PM.png

Also trying to round my buttons in the newsletter section as this code didn't work for that particular section. 

 

Thanks!

0 Likes
Highlighted
Shopify Partner
53 3 30

@Cherizzle Can you share your store url or send to me in private? (if you don't want to publicly share it)

Developer of PixPix image editor for Shopify
0 Likes