คลิกไอคอนดินสอบนส่วนใดก็ได้เพื่อเปิดแผงนี้ ควบคุมเลย์เอาต์คอลัมน์ พื้นหลัง การเว้นวรรค ความสูงขั้นต่ำ พฤติกรรม sticky แอนิเมชันเข้า และอื่นๆ
ชื่อ / Anchor ID
ตั้งชื่อส่วนที่ใช้เป็น page anchor ได้ด้วย ปุ่มสามารถเลื่อนไปยังส่วนนั้นโดยตรงโดยใช้ #ชื่อ
HTML id กำหนดเองและ CSS classes
เพิ่ม HTML id หรือชื่อ CSS class ของตัวเองสำหรับการกำหนดเป้าหมายด้วยบล็อก Custom Code หรือ stylesheet ภายนอก
Vertical padding (ค่าตั้งต้น)
ค่าตั้งต้นด่วน — ไม่มี เล็ก กลาง ใหญ่ XL — ที่ใช้ padding บนและล่างที่ตรงกันกับส่วน
เลย์เอาต์คอลัมน์ (1 / 2 / 3)
แบ่งส่วนเป็น 1, 2 หรือ 3 คอลัมน์ ลากขอบระหว่างคอลัมน์เพื่อปรับขนาด
ระยะห่างคอลัมน์
ระยะห่างแนวนอนระหว่างคอลัมน์ในส่วน
Z-Index
ควบคุมลำดับการซ้อน — ค่าสูงกว่าจะปรากฏอยู่หน้าส่วนที่มีค่าต่ำกว่า
ตำแหน่ง (static / sticky / fixed)
Static คือค่าเริ่มต้น Sticky ตรึงส่วนไว้ที่ด้านบนเมื่อผู้เยี่ยมชมเลื่อน Fixed คงไว้ในตำแหน่ง viewport คงที่ตลอดเวลา
ความกว้างสูงสุดส่วน (S / M / L / เต็ม)
จำกัดความกว้างเนื้อหาของส่วน เนื้อหาจะอยู่ตรงกลางภายในพื้นที่ที่ใช้ได้ Full ขยายจากขอบถึงขอบ
ความสูงขั้นต่ำ
บังคับให้ส่วนมีความสูงอย่างน้อยตามพิกเซลที่กำหนด มีประโยชน์สำหรับส่วนฮีโร่และแบนเนอร์เต็มหน้าจอ
การจัดตำแหน่งแนวตั้งและแนวนอน
จัดตำแหน่งคอลัมน์ทั้งหมดและเนื้อหาแนวตั้ง (บน / กลาง / ล่าง) และแนวนอน (ซ้าย / กลาง / ขวา / space-between) ภายในส่วน
สีพื้นหลัง
สีพื้นหลังพื้นเดียวพร้อมแถบเลื่อนความโปร่งใส ใช้พื้นหลังโปร่งใสเพื่อให้พื้นหลัง parent หรือหน้าแสดงออกมา
รูปภาพพื้นหลัง + overlay
อัปโหลดหรือลิงก์รูปภาพพื้นหลังและเพิ่ม color overlay ด้านบนพร้อมความโปร่งใสที่ปรับได้
Padding ต่อด้าน (T / R / B / L)
การควบคุม padding แบบละเอียด: กำหนดแต่ละด้านในสี่ด้านอิสระกันเป็นพิกเซล แทนที่ค่าตั้งต้น
