การตั้งค่าบล็อก
คลิกบล็อกใดก็ได้บนพื้นที่ทำงานเพื่อเปิดแผงนี้ ส่วนบนสุดแสดงการควบคุมเฉพาะบล็อก (ต่างกันตามประเภทองค์ประกอบ) ทุกอย่างด้านล่าง — ขนาด ระยะห่าง ขอบ แอนิเมชัน — ใช้ร่วมกันในทุกบล็อก
ส่วนบนของแผงเป็นเฉพาะบล็อกและแตกต่างกันตามองค์ประกอบ การตั้งค่าสากลเหล่านี้จะแสดงด้านล่างเสมอไม่ว่าจะเลือกบล็อกใด
ดูการตั้งค่าเฉพาะองค์ประกอบ →ตัวเลือกอุปกรณ์
สลับระหว่าง Desktop, Tablet และ Mobile ที่ด้านบนของแผง การเปลี่ยนสไตล์บนอุปกรณ์จะมีผลกับอุปกรณ์นั้นเท่านั้น เหมาะสำหรับการปรับแต่ง responsive
ตัวแก้ไขเฉพาะบล็อก
ตัวแก้ไขเนื้อหาสำหรับบล็อกประเภทนี้โดยเฉพาะปรากฏที่ด้านบน เช่น ช่องข้อความสำหรับ Heading, URL และอัปโหลดสำหรับ Image, รายการ Q&A สำหรับ FAQ การตั้งค่าแตกต่างกันตามบล็อก
ความกว้าง (%)
ความกว้างของบล็อกเป็นเปอร์เซ็นต์ของคอลัมน์ (10–100%) ใช้ 100% เพื่อเติมเต็มคอลัมน์ ปรับต่ออุปกรณ์สำหรับเลย์เอาต์ responsive
ความสูง (px)
กำหนดความสูงพิกเซลคงที่สำหรับบล็อก ปล่อยไว้ที่ 0 (auto) เพื่อให้เนื้อหากำหนดความสูง มีประโยชน์สำหรับการสร้างความสูงการ์ดที่สม่ำเสมอ
การมองเห็นต่ออุปกรณ์
แสดงหรือซ่อนบล็อกบน Desktop, Tablet หรือ Mobile โดยอิสระ ใช้เพื่อแสดงเนื้อหาต่างกันสำหรับขนาดหน้าจอต่างกันโดยไม่ต้องทำซ้ำบล็อก
ล้น (Overflow)
ควบคุมสิ่งที่เกิดขึ้นเมื่อเนื้อหาเกินขนาดที่กำหนดของบล็อก Visible (ค่าเริ่มต้น) แสดงเนื้อหาทั้งหมด Hidden ตัดออก Scroll หรือ Auto เพิ่มแถบเลื่อน
Z-Index
ควบคุมลำดับการซ้อนของบล็อกนี้ภายในคอลัมน์ ค่าสูงกว่าจะวางบล็อกนี้ไว้หน้าบล็อกที่มีค่าต่ำกว่า
รัศมีขอบ
ทำให้มุมของบล็อกโค้งมนตามค่าพิกเซลสม่ำเสมอ (0–100 px)
ขอบ
เพิ่มขอบที่มองเห็นได้รอบบล็อก เลือก none solid dashed หรือ dotted เมื่อสไตล์ถูกเปิดใช้ ให้กำหนดความกว้าง (px) และสี
ตำแหน่ง
วิธีวางบล็อกภายในคอลัมน์: Auto (ค่าเริ่มต้น) Relative Absolute (ลอยอิสระพร้อม offset พิกเซล) Sticky (ตรึงขณะเลื่อน) หรือ Fixed (สัมพันธ์กับ viewport)
Padding (T / R / B / L)
ระยะห่างภายในระหว่างขอบบล็อกและเนื้อหา กำหนดแต่ละด้านในสี่ด้านอิสระกันเป็นพิกเซล
Margin (T / R / B / L)
ระยะห่างภายนอกระหว่างบล็อกนี้และบล็อกที่อยู่ติดกัน Margin ลบสามารถดึงองค์ประกอบให้ใกล้กันมากขึ้น
แอนิเมชันเข้า
ใช้แอนิเมชัน Fade, Slide (บน/ล่าง/ซ้าย/ขวา) หรือ Scale เมื่อบล็อกเลื่อนเข้ามาในมุมมอง กำหนด delay และ duration เพื่อจัดลำดับหลายบล็อก
HTML id กำหนดเอง
คุณสมบัติ id เฉพาะที่ใช้กับองค์ประกอบ HTML ของบล็อกนี้ มีประโยชน์สำหรับการกำหนดเป้าหมายด้วย CSS ของ Custom Code (#my-id) หรือ JavaScript
CSS classes กำหนดเอง
ชื่อ class เพิ่มเติมที่เพิ่มในองค์ประกอบบล็อก คั่นด้วยช่องว่าง ใช้สิ่งเหล่านี้กับ Custom CSS ส่วนกลางหรือ stylesheet ภายนอก
