課程簡介的圖片中間不想要有空白間隔，該如何處理？（CSS 語法簡單教學）

很多創作者在課程簡介處，會放上多張圖片，讓它有長條一頁式銷售頁的感覺。

▼　但是如果一張一張上傳圖片，中間會有留白間隔（如下圖）



如果想要讓圖片完全連在一起，你可以到 Teachify 後台加上 CSS 語法調整。

請到學院後台，左側選單欄應可看到：學院設定 ⭢ 網站外觀。



進入網站外觀頁面後，點擊「進階選項」頁籤，可看到「自訂 CSS」欄位。

請將以下代碼，完全複製貼上此欄位，點擊「更新」即可。

.ck-content .image { margin: 0 !important; }



圖片就會全部連結在一起，沒有間距囉！

註：如放上語法後，圖片間距沒有因此而調整，請檢查看看，你是不是在課程簡介圖片中間，加了 HTML 的換行元素 <br> 。



此 CSS 語法加上後，會應用在整個網站，如果網站外觀有其他想要調整的細節，你也可以用類似自訂語法方式操作哦！


如果以上回答都無法解決你的問題，或有其他建議，請點選右下角藍色 icon 跟我們聯絡，我們將盡快回覆。

更新時間： 27/03/2025