Can't find class of plugin button on the product page

Store Design
, ,
1

Hi there,

I have downloaded the plugin bookeasy, so clients can book dates. I am trying to style my button to match my site, and I can’t for the life of my figure out the class - its the “book your slot” button. I want to make the button radius 15px, background blue, text orange.

Screenshot 2026-01-02 at 8.08.06 PM
Screenshot 2026-01-02 at 8.08.06 PM1920×1213 245 KB

Any help would be so much appreciated. I want all of the product page bookeasy buttons the same and I would also like to remove the add to cart.

PW: theset2025

Thank you so much,

Ella.

2

hey @ellacoker
follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the body
if this code work please do not forget to like and mark it solution

<style>
button.bookeasy-btn.bookeasy-btn-9429036925205 {
    border-radius: 15px !important;
    background-color: blue !important;
    color: orange !important;
}
</style>

image
image1254×512 79 KB

3

Hello @ellacoker

Go to Online Store → Theme → Edit code.
Open your theme.css / based.css file and paste the code in the bottom of the file


.bookeasy-btn {
    border-radius: 15px;
    background-color: blue;
    color: orange;
    padding: 12px 25px;
    border: none;
}

.bookeasy-btn:hover {
    background-color: darkblue;
    color: orange;
}

Thanks!

4

Wow - thanks so much. How do I get rid of the add to cart now?

5

so now you want the add to cart btn background in red color ?

6

No I would like to remove the add to cart button on all products

7

Got it

<style>
button#ProductSubmitButton-template--22597247435029__main {
    display: none !important;
}
</style>

paste this in custom css

follow these steps
Go to online store ----> themes ----> go to edit theme click on it and
then look in to top you can see the home page option click on it and then you can see the product option click on it and then you can see the default product option click on it and then in your left hand side you can see the product main option click on it and then in your right hand side scroll down and then you can see the custom css option click on it and simple past the code in the custom css

And then your problem is solved do not forget to like and mark it solution

8

sorry - i would like all add to cart buttons removed on all product pages. is there a way to do that with code?

9

Yes, paste this code by following these steps
Go to online store ----> themes ----> go to edit theme, click on i,t, and
then look in to top you can see the home page option click on it and then you can see the product option click on it and then you can see the default product option click on it and then in your left hand side you can see the product main option click on it and then in your right hand side scroll down and then you can see the custom css option click on it and simple past the code in the custom css

And then your problem is solved. Do not forget to like and mark it as a solution

<style>
button#ProductSubmitButton-template--22597247435029__main {
    display: none !important;
}
</style>