有關的文章: 官網設計

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

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


  1. Logo List的Logo大小


  1. 頁尾社交媒體Icon大小


  1. 頁尾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

這篇說明對您有幫助嗎?

分享您的反饋

取消

感謝!