Why is my custom css not applying?

Ask the Community Customization
1
  • Issue description:
    i have some trouble adding custom css to the elements and there isn’t any documentation online that provides more information about this topic. basically, i want to apply some css rules to make the “Book Now” button below have a border-radius of 0.75rem; and a height of 3.125 rem.

here is the rule i have tried to apply:

.dZtcLO{
  border-radius: 50px;
}

i got the class tag by inspecting element and seeing that it was associated with the button.

  • Link to the page with the widget in question:
    image
1 Like
3

Welcome to the Community, @user770 :wave:

We have a CSS codes category featuring the most popular snippets for various apps. Currently, we don’t have any solutions for the Appointment Booking app, since it’s fairly new. However, we’re committed to adding more solutions for it in the future!

As for now, I’ve passed your request on to the devs and will update you tomorrow :wink:

4

Hey there, @user770 :wave:

This code should help:

[class*="action-button__CenteredButton-sc"] {
  border-radius: 50px !important;
  height: 50px !important;
}

Test it out and let me know if it helped :slightly_smiling_face: