Ascent(English)
Contact usFAQsFree to install
中文
中文
  • 简介
  • 支持政策
  • 退款政策
  • 模板安装
  • 常见问题
  • 全局设置
    • 布局设置
    • 颜色设置
    • 排版(字体)
    • 面包屑导航
    • 动画效果
    • 板块标题
    • 产品卡片
    • 徽章设置
    • 社交媒体
    • 搜索行为
    • 货币格式
    • 购物车
    • 网站图标
    • 自定义css
  • 页眉
    • 自定义Mega菜单
    • 手机端菜单被第三方插件遮挡处理
  • 侧边抽屉
    • 搜索抽屉
    • 购物车抽屉
  • 板块列表
    • 无缝滚动
    • 公告栏
    • 倒计时
    • 分类图标列表
    • 窄幅横幅图像
    • 图片横幅
    • 视频横幅
    • 幻灯片
    • 图文介绍
    • 图文列表
    • 富文本
    • 电子邮件订阅
    • 带文本的图标
    • Logo列表
    • 联系表单
    • 常见问题(FAQ)
    • 图文多列
    • 图片对比横幅
    • 图片热点横幅
    • 地图横幅(Google地图)
    • 精选商品系列
    • 精选商品
    • 商品系列列表
    • 自定义 Liquid
    • 综合显示
    • 五彩纸屑触发器
    • 自定义版块标题
    • 引用
    • 客户评价
    • 相册
    • 商品比较表
    • 文字镜头放大
    • 滚动图片放大
    • 里程碑
    • 团队
    • 亮点展示
    • 步骤
    • 媒体墙
    • 下载列表
  • 弹窗
    • 活动弹窗
    • 年龄验证
  • 页脚
    • 自定义支付图标
  • 侧边工具栏
  • 页面
    • 产品分类页面
      • 创建子分类
    • 产品页面
      • 礼物(赠品)
      • 产品预购
      • 添加尺码表
      • 隐藏其它变体图片
      • 显示变体样本
      • 显示互补产品
      • 添加推荐产品
      • 绑定兄弟产品
      • 添加包含的产品
      • 创建产品A+页面
      • 性能指示条
      • 预计送达时间
  • 其它
    • 版本说明
      • v2.2.1(当前版本)
      • v2.1.8
      • v2.1.7
Powered by GitBook
On this page
  • 功能详情
  • 使用建议
  • 进一步了解

Was this helpful?

  1. 全局设置

自定义css

此设置允许您将自定义的 CSS 样式应用到您的整个在线商店,从而更精细地控制和定制网站的外观和布局。

功能详情

  1. 影响范围:

    • 自定义 CSS 将影响您网站的所有页面,因此请确保代码的正确性和合理性,避免对其他页面元素产生意外影响。

  2. 添加自定义样式:

    • 在文本框中输入您的 CSS 代码。该代码将被添加到整个网站的样式表中,影响所有页面的样式。例如,您可以为特定元素自定义样式,如更改按钮的颜色、调整字体大小,或增加边框圆角等。

    • 示例代码,下面代码将使所有具有 .card 类的元素边角变圆,半径为 30 像素:

      .card {
          border-radius: 30px;
      }

使用建议

  • 预览和测试: 在应用自定义 CSS 之前,建议在开发或测试环境中预览效果,确保其不会破坏页面布局或影响用户体验。

  • 简洁高效: 尽量保持 CSS 代码的简洁和高效,避免冗余或冲突的样式,确保网站加载速度和样式表现的优化。

  • 运用选择器: 使用明确的 CSS 选择器来针对特定元素进行样式调整,避免无意中影响其他元素的样式。

进一步了解

  • 如果您对 CSS 不太熟悉,建议学习一些基础的 CSS 知识,或参考在线资源来获取更多信息。您可以点击“详细了解”链接,查看更多关于如何编写和应用 CSS 的指南。

Previous网站图标Next页眉

Last updated 1 month ago

Was this helpful?