Set a specific radius for buttons site wide

Site URL: http://www.peterotoole.ie/about

Can someone please help me set a specific corner radius for all buttons site wide that would over the regular pages as well as the commerce pages?

thanks so much!

Do you want more of a radius?

Would the pill button shape do for your needs?

Just now, creedon said:

Would the pill button shape do for your needs?

Hey thanks for coming back! No, unfortunately, I was looking for a radius of around 10px or so as opposed to the 50px or whatever the pill shape is.

Add the following to Design > Custom CSS.

body:not( .button-style-default ).primary-button-shape-rounded .sqs-editable-button,
body.button-style-default.primary-button-shape-rounded .sqs-editable-button,
body:not( .button-style-default ).primary-button-shape-rounded .sqs-editable-button-layout,
body.button-style-default.primary-button-shape-rounded .sqs-editable-button-layout,
body:not( .button-style-default ).primary-button-shape-rounded .sqs-editable-button-font,
body.button-style-default.primary-button-shape-rounded .sqs-editable-button-font,
body:not( .button-style-default ).primary-button-shape-rounded .sqs-editable-button-color,
body.button-style-default.primary-button-shape-rounded .sqs-editable-button-color,
body:not( .button-style-default ).primary-button-shape-rounded .sqs-editable-button-style,
body.button-style-default.primary-button-shape-rounded .sqs-editable-button-style,
body:not( .button-style-default ).primary-button-shape-rounded .sqs-editable-button-shape,
body.button-style-default.primary-button-shape-rounded .sqs-editable-button-shape,
body:not( .button-style-default).primary-button-shape-rounded .sqs-add-to-cart-button,
body.button-style-default.primary-button-shape-rounded .sqs-add-to-cart-button

  {
  
    border-radius : 10px;

    }

This code is specific to the poster's need.

Let us know how it goes.

5 minutes ago, creedon said:

Add the following to Design > Custom CSS.

body:not( .button-style-default ).primary-button-shape-rounded .sqs-editable-button,
body.button-style-default.primary-button-shape-rounded .sqs-editable-button,
body:not( .button-style-default ).primary-button-shape-rounded .sqs-editable-button-layout,
body.button-style-default.primary-button-shape-rounded .sqs-editable-button-layout,
body:not( .button-style-default ).primary-button-shape-rounded .sqs-editable-button-font,
body.button-style-default.primary-button-shape-rounded .sqs-editable-button-font,
body:not( .button-style-default ).primary-button-shape-rounded .sqs-editable-button-color,
body.button-style-default.primary-button-shape-rounded .sqs-editable-button-color,
body:not( .button-style-default ).primary-button-shape-rounded .sqs-editable-button-style,
body.button-style-default.primary-button-shape-rounded .sqs-editable-button-style,
body:not( .button-style-default ).primary-button-shape-rounded .sqs-editable-button-shape,
body.button-style-default.primary-button-shape-rounded .sqs-editable-button-shape,
body:not( .button-style-default).primary-button-shape-rounded .sqs-add-to-cart-button,
body.button-style-default.primary-button-shape-rounded .sqs-add-to-cart-button

  {
  
    border-radius : 10px;

    }

Let us know how it goes.

Thanks so much mate!!!

On 2/17/2021 at 4:53 PM, creedon said:

Add the following to Design > Custom CSS.

body:not( .button-style-default ).primary-button-shape-rounded .sqs-editable-button,
body.button-style-default.primary-button-shape-rounded .sqs-editable-button,
body:not( .button-style-default ).primary-button-shape-rounded .sqs-editable-button-layout,
body.button-style-default.primary-button-shape-rounded .sqs-editable-button-layout,
body:not( .button-style-default ).primary-button-shape-rounded .sqs-editable-button-font,
body.button-style-default.primary-button-shape-rounded .sqs-editable-button-font,
body:not( .button-style-default ).primary-button-shape-rounded .sqs-editable-button-color,
body.button-style-default.primary-button-shape-rounded .sqs-editable-button-color,
body:not( .button-style-default ).primary-button-shape-rounded .sqs-editable-button-style,
body.button-style-default.primary-button-shape-rounded .sqs-editable-button-style,
body:not( .button-style-default ).primary-button-shape-rounded .sqs-editable-button-shape,
body.button-style-default.primary-button-shape-rounded .sqs-editable-button-shape,
body:not( .button-style-default).primary-button-shape-rounded .sqs-add-to-cart-button,
body.button-style-default.primary-button-shape-rounded .sqs-add-to-cart-button

  {
  
    border-radius : 10px;

    }

Let us know how it goes.

creedon, added the cose to custom css with no result, what could it be?

https://www.feek.app/home

On 10/9/2021 at 8:39 AM, Migueldelag said:

creedon, added the cose to custom css with no result, what could it be?

https://www.feek.app/home

It seems work here. Which button doesn't work?

On 10/8/2021 at 6:39 PM, Migueldelag said:

added the cose to custom css with no result, what could it be?

Add the following to Design > Custom CSS.

.primary-button-shape-rounded .btn,
.primary-button-shape-rounded .sqs-block-button-element--medium,
.primary-button-shape-rounded .sqs-block-button-element--small,
.primary-button-style-outline .white-bold .sqs-block-form .sqs-editable-button

  {
  
    border-radius : 10px;

    }

This may not cover all your buttons.

Let us know how it goes.

23 hours ago, creedon said:

Add the following to Design > Custom CSS.

.primary-button-shape-rounded .btn,
.primary-button-shape-rounded .sqs-block-button-element--small,
.primary-button-shape-rounded .sqs-block-button-element--medium

  {
  
    border-radius : 10px;

    }

This may not cover all your buttons.

Let us know how it goes.

it worked now, thanks!!!

On 10/10/2021 at 8:56 AM, tuanphan said:

It seems work here. Which button doesn't work?

it worked now, thanks!!!

Guys thank you for all the help you provide, specially both of you!.

On 10/10/2021 at 8:56 AM, tuanphan said:

It seems work here. Which button doesn't work?

I'm having issues with the Form button (Lightbox Form style)

www.feek.app/home

1 hour ago, Migueldelag said:

I'm having issues with the Form button

I have updated my code post.