Hi, Kevin

Thanks for reaching out to us

-

Currently, we don't have built in customizations for that element, we might add it in the future;

Please feel free to search through our feature suggestion page, 

 to see if someone may be already suggested this feature. If you can't see it, feel free to add your suggestion there, and it will be forwarded to our management for review.

 As more people vote, the feature will move higher on the priority list.

You can certainly follow our changeLog page if you'd like, where we state any changes/new features/bug fixes during updates;

and our newsletter, so you're informed about new features, bug fixes, freebies, etc.

-

But for now i can give you a bit of custom workaround.

You can add custom CSS to the booking page, and here is the CSS you can use :

.am-service-booking .am-service-header .am-service-price {
    display: inline-block;
    padding: 16px 24px;
    border-radius: 30px;
    background-color: #a28ff3;
    color: #fff;
    font-size: 24px;
    line-height: 1.2;
}

this is the default CSS of the element with these parameters. You can change any property you need, or add new properties to this CSS.

-

For example , if we wish to make background color white, on a white background behind it, it will seem transparent and we will only see the text.  I will also change text to red color and decrease the font:

.am-service-booking .am-service-header .am-service-price { 
 display: inline-block;  
 padding: 16px 24px;   
border-radius: 0px; 
 background-color: white;  
 color: red;    
font-size: 10px;   
 line-height: 1.2;

Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways. 

If you need help with adding custom CSS to the page, please take a look at this article.

Let me know how it goes, and if that helps achieve what you need.

Thank you