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

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

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



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

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



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



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

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

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



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


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

更新時間： 13/03/2024