如何使用CSS修改Squarespace推荐语轮播的主文本字体？

已完成的修改 #

已成功修改轮播下方文本字体，使用的CSS代码如下：

section[data-section-id="63c390bd1403971a5efb5e19"]
    .user-items-list-item-container p
{
  font-family: "Steelfish";
  font-size: 31px;
}

当前问题 #

无法修改轮播中的主文本字体，尝试过以下代码及h/h1-h3选择器均无效：

/* attempt at testimonials top text */
section[data-section-id="63c390bd1403971a5efb5e19"]
    .user-items-list-carouselslides user-items-list-carouselslides--initialized p
{
  font-family: "Steelfish";
  font-size: 31px;
}

尝试记录：上述代码无效，也试过h、h1、h2、h3选择器

网站信息：

• 地址：https://orb-seahorse-ha47.squarespace.com/
• 访问密码：password123

解决方案 #

1. 定位目标元素：打开浏览器开发者工具（快捷键F12），选中轮播主文本元素，查看其对应的标签或类名。
2. 编写精准CSS：根据定位结果调整选择器，以下是两种常见场景的代码示例：
   • 如果主文本在.user-items-list-carousel-slide容器内的h4标签中：

     section[data-section-id="63c390bd1403971a5efb5e19"] .user-items-list-carousel-slide h4 {
       font-family: "Steelfish";
       font-size: 31px;
     }
     

   • 如果主文本有专属类名（如.testimonial-main-text）：

     section[data-section-id="63c390bd1403971a5efb5e19"] .testimonial-main-text {
       font-family: "Steelfish";
       font-size: 31px;
     }
     

3. 优先级优化：如果仍不生效，可在样式末尾添加!important提升优先级（不推荐过度使用）：

   section[data-section-id="63c390bd1403971a5efb5e19"] .user-items-list-carousel-slide h4 {
     font-family: "Steelfish" !important;
     font-size: 31px !important;
   }
   

内容的提问来源于stack exchange，提问作者babyspitz