有關的文章: 官網設計

更改網頁上Logo與社交媒體Icon大小

**更改網頁上Logo與社交媒體Icon大小**



Logo List的Logo大小

頁尾社交媒體Icon大小

頁尾Logo的大小

📣注意:更換主題需要重新編輯原始碼





Logo List 的調整方法僅適用於 舊版主題(Candy 或之前發佈之佈景主題)

1.1 您可以到:銷售管道》品牌官網》佈景主題》編輯原始碼》theme.scss》尋找 logo-list-item 》更改 150px logo大小至您要的電腦版大小,更改 110px logo大小至您要的手機版大小。





2. 頁尾社交媒體Icon大小:





2.1 (舊版主題(Candy 或之前發佈之佈景主題)

2.1.1 您可以到:銷售管道》品牌官網》佈景主題》編輯原始碼》theme.scss》尋找 .social-icon-svg 》更改 24px width & height 至您要的大小。




2.2 新版主題(Aroma 或其後發佈之佈景主題)

2.2.1 您可以到:銷售管道》品牌官網》佈景主題》編輯原始碼》section-footer.css》尋找 .list-social__item .icon 》更改 height 和 width 的 1.8 rem 至您要的大小(數字越大表示大小越大)








頁尾 Logo 的調整方法僅適用於舊版主題(Candy 或之前發佈之佈景主題)
3.1您可以到:銷售管道》品牌官網》佈景主題》編輯原始碼》**theme.liquid** 》尋找 settings.footer_logo_img 》更改 250px 至您要的大小。




若您的佈景主題代碼與以上的不符合,請看以下 3.2 教學。

3.2 若您的代碼如下圖,請參考以下步驟更改。



3.3 您可以到:銷售管道》品牌官網》佈景主題》編輯原始碼》**timber.scss** 》尋找 `footer-logo`》更改 180px 至您要的大小。

更新時間: 13/03/2024

這篇說明對您有幫助嗎?

分享您的反饋

取消

感謝!