Custom CSS for 3rd party widget

I have this code given to me by Booksy to add to a website but I want the button to reflect the site style and branding rather than what Booksy provides. What is best way to override the default style?

<script type="text/javascript"  src="https://booksy.com/widget/code.js?id=23397&country=gb&lang=en">< /script>

First I would search for some sort of documentation about this.

If you can’t find anything about your challenge, my best idea is to download the code and try to selfhost it.

There is this line:

document.head.insertAdjacentHTML('beforeend', '\n <link rel="stylesheet" type="text/css" href="' + baseUrl + 'widget.css">\n');

This leads to widget.css. So you can probably change the content to your desired values and selfhost this too.

1 Like

Thanks miku,

I did consider this wondered if there was something simpler.
I can’t find any documentation and Booksy support had no idea.
I will give this a go. Thanks for the suggestion!