> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 【官網設計】如何單獨變更商品價格顏色

| 僅適用於新版主題（Aroma 與其後發佈之主題）

在佈景主題設定中調整價格顏色時，可能會連帶影響其他元素，例如商品名稱的顏色。這篇文章將教你如何僅針對商品價格進行顏色調整，避免影響整體設計。

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_s6nh0z.png)

1. 前往 EasyStore 後台 → 品牌官網 → 佈景主題 → 編輯原始碼 → 搜尋 assets  → base.css 文件夾

2. 於 base.css 文件夾最下方貼上以下代碼（可自由更換顏色代碼）：

```
.price-item--regular,
.price-item--sale {
    color: #ff5588;
}
```

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_1g9wzlw.png)

3. 設定結果：除了劃線原價外的價格都會變更顏色

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_1goz5xd.png)

4. 若希望劃線原價也變更顏色，可把代碼換成以下（可自由更換顏色代碼）：

```
.price-item--regular,
.price-item--sale,
s .money{
    color: #ff5588;
}
```

5. 設定結果

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_qx9a7e.png)