ในเรื่องการปรับแต่ง css ของธีม WordPress บน website ของเรานั้น หลังจากที่เราเปิด Tools ตัวนี้ขึ้นมาแล้วให้กดปุ่มแว่นขยายด้านซ้ายมือ และเริ่มทำการปรับแต่ง css ที่เราต้องการทำการปรับแต่งได้ทันที
ยกตัวอย่างเช่น เมื่อดูหน้าแรกของเว็บไซต์ warriiior.com หากเราต้องการปรับแต่ง css ของเราเนื่องจากดูไม่สวยเลย รู้สึกว่าแปลกๆอยากได้ heading ที่ใหญ่ขึ้น, ต้องการแต่งภาพให้มีกรอบ, เปลี่ยนสีตรงนี้ให้ดูสะดุดตา เราทำได้ง่ายๆด้วยการเลือกในส่วนที่เราต้องการปรับแต่ง เช่นตัวนี้เป็น h2 เมื่อคลิกเข้าไปในส่วนปรับแต่งจะขึ้นคำสั่งด้านล่าง ให้ทำการเช็คดูทางด้านขวา ว่าใช่หรือไม่เพียงเลือกปิด css บางส่วนดูว่ามีการเปลี่ยนแปลงในส่วนนั้นๆหรือไม่
หากมีการเปลี่ยน แสดงว่าตัวที่เราเลือกไว้หรือเลือก Element ของตัวนั้นถูกต้อง ด้านซ้ายส่วนใหญ่ที่เราเลือกนั้นจะเป็น Html ส่วนด้านขวาที่ปรากฏมาจะเป็น css พอเราคลิ๊กด้านซ้ายที่เป็น Html ส่วนไหนก็แล้วแต่ css ทางด้านขวาจะแสดงขึ้นมาโดยแสดงจากล่างขึ้นบน จะเห็นว่า css ทางด้านบนจะทับตัวด้านล่างเนื่องจาก Html บางตัวเรามีการเขียน css ทับกันหลายชั้น เริ่มจากเป็นค่าคุณสมบัติพื้นฐานของบราวเซอร์ เช่น Text heading หรือมี Margin เท่าไร, Size เท่าไร และลองเขียน css กำหนดลักษณะให้กับ h2 เข้าไปว่า margin มีการเปลี่ยนแปลงหรือไม่ Size มีการเปลี่ยนแปลงหรือไม่ line-height มีการเปลี่ยนแปลงหรือไม่ ความสูงของตัวอักษรแต่ละบรรทัดมีการเปลี่ยนแปลงตามต้องการหรือไม่ ทำให้มีการทับกันของ css เกิดขึ้นไล่จากล่างขึ้นบน