Option to change button corner radius

The Calculator is one of your best tools yet, but it seems that all the effort went into the tool itself…which is great…but some of the styling options that we enjoy on other widgets didn’t make it (like Button corner radius, button color with a separate button text color. Right now it defaults to square with rounded corners and we can’t make the button match the pill round button on my site. Also we like to choose different button text colors, but it defaults on the calculator.

Hi there, @Wodobo :waving_hand:

Thank you so much for the feedback!

I cannot but agree that it would be awesome to have more styling options in the widget and we’ll try to think about your suggestion in the future.

The good news is that it’s possible to customize the widget using CSS codes. Here is a code for changing the button border radius:

.es-button-base-container {
  border-radius: 50px !important;
}

The option to change the color of the Action button is already available in the widget. Does it work for you or you meant a Submit button in the Lead form?


As for the button text color, I’ve created a separate request for this -Option to change a button text color

As a workaround, you can change the button text color using the CSS code below:

.es-button-base-ellipsis {
  color: red;
}

Thank you so much!