Custom CSS
Spaces ที่โฮสต์และเผยแพร่สามารถปรับแต่งได้ด้วย CSS.
การเปลี่ยนแปลง CSS ของคุณจะถูกรวมเฉพาะในโดเมนแบบกำหนดเองของคุณ เมื่อคุณพรีวิว Space ที่เผยแพร่แล้ว จะไม่ปรากฏให้เห็น ดังนั้นคุณต้องเผยแพร่เป็น Production.
เลือก space และคลิกที่ไอคอน Settings ( ⚙️ ) เพื่อเปิด Space Settings
มองหาแท็บ Custom Code ในหน้าต่าง Space Settings
ไปที่ฟิลด์ Custom CSS
พิมพ์แท็ก HTML <style>
Save การเปลี่ยนแปลงของคุณในฟิลด์ Custom CSS.
<style>
/* add the CSS clases and the properties you want to change */
</style>
ด้วยเหตุผลด้านความปลอดภัย โค้ดที่กำหนดเองจะถูกรวมไว้เฉพาะบนโดเมนแบบกำหนดเองเท่านั้น
ทั่วทั้ง DOM คุณจะพบองค์ประกอบ HTML ที่มีคลาส CSS ที่ขึ้นต้นด้วย ab-. คุณสามารถกำหนดเป้าหมายคลาสเหล่านี้เพื่อปรับแต่งสไตล์ของพอร์ทัลได้ คลาสเหล่านี้รับประกันว่าจะไม่มีการเปลี่ยนแปลง เพื่อไม่ให้เราทำให้สไตล์ของคุณเสียหายเมื่อมีการอัปเดตระบบ
หากองค์ประกอบที่คุณกำลังพยายามปรับแต่งสไตล์ไม่มีคลาสที่ขึ้นต้นด้วย ab-, เราจะไม่อนุญาตให้ปรับแต่ง และส่วนใหญ่เป็นการป้องกันคุณจากการทำให้ตัวเองเกิดปัญหา ตัวอย่างเช่น หากเราเปลี่ยนโครงสร้าง ก็อาจส่งผลกระทบต่อการจัดสไตล์ของคุณได้
ทุกองค์ประกอบและบล็อกในส่วนของเนื้อหาจะมีคลาสที่คล้ายกัน ด้านล่างนี้คุณสามารถพบรายการของคลาสเหล่านั้นได้ หากคุณต้องการตรวจสอบ กรุณาเปิด DevTools ในเบราว์เซอร์ของคุณโดยคลิกขวา -> Inspect
นี่คือรายการของ คลาส CSS ที่มีอยู่ในปัจจุบัน:
OpenAPI คลาส CSS
โหมดมืดจะเพิ่มคลาส dark ที่ด้านบนของโครงสร้าง HTML และคุณสามารถใช้สิ่งนั้นเพื่อกำหนดสไตล์สำหรับโหมดมืดได้
ตัวอย่างเช่น นี่คือวิธีการเปลี่ยนข้อความให้เป็นสีแดงในโหมดมืด:
<style>
.dark .ab-paragraph {
color: red !important ;
}
</style>