我正在为拥有烹饪学校的客户重新设计Squarespace网站。她使用外部预订网站（Fareharbor）管理她的课程，然后使用JavaScript小部件将其嵌入到网站中。嵌入的列表与网站其余部分的样式不匹配，这看起来非常不专业，所以我想更新样式以使它们看起来更好。我尝试在CSS样式表中修改它（在页面和整个站点中），它没有做任何事情（显然脚本优先）。我环顾四周，人们已经说过有一种方法可以使用JQuery或直接的JavaScript来实现它，但是虽然我非常擅长遵循代码指令并且有一点JS经验，但我对此很新，所以我不喜欢实际上我知道在哪里放置我用来改变它的代码。
所以我的问题是： 1）覆盖嵌入式脚本默认外观的最佳方法是什么？ 2）如果答案涉及使用JavaScript / JQuery修改原始脚本的外观，我该怎么做？ （代码是什么，我把它放在哪里）。
我正在尝试修改的页面是figcookingschool.com/classes（目前正在进行第一次嵌入，带有图片 - 假设这个问题的答案将帮助我完成第二个！）以及我给嵌入的代码JavaScript是：
<script src="https://fareharbor.com/embeds/script/items/figcookingschool/?full-items=yes&fallback=simple"></script>
我想要做的很多事情之一就是在每个盒子上将border-radius更改为0，所以如果你想用一些东西作为例子，这是一个很好的;）提前感谢!!