Big Cartel站点各页面自定义：背景与文字颜色修改求助

一、修改背景色与文字颜色（纯后台操作） #

• 登录Big Cartel后台，进入「Design」（设计）板块
• 选中你正在使用的主题，点击「Customize」（自定义）
• 在左侧菜单栏找到「Colors」（颜色）选项：
  • 这里能直接修改全局背景色、正文文字色、标题颜色等基础样式，选好颜色点击「Save」（保存）就生效，完全不用写代码
  • 若想修改按钮、导航栏这类局部颜色，往下翻设置项即可，大部分主题都会把常用元素的颜色选项列出来

二、给每个页面单独设置背景图（只需复制粘贴代码） #

Big Cartel默认确实只有首页能直接上传背景图，其他页面可通过简单的代码复制粘贴实现，步骤如下：

1. 先把你准备好的各页面背景图，上传到Big Cartel后台的「Files」（文件管理）里，上传完成后点击图片，复制它的链接地址
2. 回到「Design」→「Customize」，找到「Advanced」（高级）选项，里面有个「Custom CSS」输入框
3. 把对应页面的代码复制进去，将括号里的内容替换成你刚才复制的图片链接：
   • 商品列表页背景图：

     body.collection {
       background-image: url(你的商品页背景图链接);
       background-size: cover; /* 让图片铺满整个页面 */
       background-attachment: fixed; /* 滚动页面时图片固定，不需要可删掉此行 */
     }
     

   • 单个商品详情页背景图：

     body.product {
       background-image: url(你的商品详情页背景图链接);
       background-size: cover;
     }
     

   • 购物车页背景图：

     body.cart {
       background-image: url(你的购物车页背景图链接);
       background-size: cover;
     }
     

   • 关于我们页背景图：

     body.page-about {
       background-image: url(你的关于页背景图链接);
       background-size: cover;
     }
     

4. 每添加一段代码就点击「Save」预览效果，若图片未显示，检查链接是否复制正确，别漏了开头的http

小提示 #

• 若背景图太亮导致文字看不清，要么在「Colors」里调深文字颜色，要么给背景加半透明遮罩——在对应页面的body代码里添加一行background-color: rgba(255,255,255,0.8);，最后一个0.8是透明度，0为全透明，1为不透明，可自行调整数值
• 所有操作先在后台预览确认效果，没问题再发布，避免影响店铺正常访问

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