如何在Dynadot建站工具预制主题中添加自定义CSS代码

直接复制以下全部代码到你站点左下角的内置CSS编辑器中，保存后刷新前台即可生效：

/* 1. 全局替换全站字体为Open Sans */
* {
  font-family: 'Open Sans', sans-serif !important;
}

/* 2. 清除所有主题自带的图片动画、过渡效果 */
img, .image-box, .theme-image, .image-wrapper {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  opacity: 1 !important;
}

/* 3. 首屏视频模块适配，去掉默认边距、边框，适配容器大小 */
.video-module, .hero-video, .video-wrapper {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
}

• 若上述代码有个别样式未生效，可在对应属性值后加!important提升优先级，即可覆盖预制主题的自带样式
• 后续需要调整其他样式可直接在该CSS编辑器中追加新代码即可，无需修改原有站点配置

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