-[CSS] INSTRUCTIONS-

---

-as of [24 MAY 2026]-

---

.

---

“ADDITIONAL CSS”
(WP DASHBOARD LINK)

---

.

-[CSS] OVERVIEW-

-OUR [CSS]-

-[CSS] SANDBOX-

“ADDITIONAL CSS”
(WORDPRESS)

.

---

A “CSS UNIT” IS CALLED A “RULE”-

---

selector {
property: value;
property: value;
}

---

*FIRST (CONSEQUENTIAL) LINE* —>

-A “SELECTOR” COMES BEFORE THE LEFT “CURLY BRACE”-

-the “selector” defines which [HTML element] the rule will target-

“type selectors” —> [ p ]

“class selectors” —> [.myClass]

“ID selectors” —> [#uniqueId]

-LEAVE A SPACE BETWEEN THE “SELECTOR” + LEFT “CURLY BRACE”-

*[LINE 1] IS PUNCTUATED BY LEFT “CURLY BRACE”* —>

{

---

*LINES 2/3/X* —>

“DECLARATION BLOCK”

-the “declaration block” is inserted within the “curly braces”-

---

*each “declaration” constitutes a single line* —>

property: value;

---

“property” —>

-the aspect of the element that is being modified-
(color / font / size)

---

“value” —>

-the property’s target setting-
(“blue” / “16px”)

---

*LAST LINE* —>

}

---

-TO CREATE “LINE BREAKS”, HIT [RETURN]-
(AFTER PLACING [CURSOR] TO RIGHT OF [RIGHT CURLY BRACE])

---

-[CUSTOMIZER] DASHBOARD LINK-

---

.

.

---

*CLICK THE [“ADDITIONAL CSS” TAB] IN [LEFT COLUMN]* —>

---

---

.

---

.

---

---

---

---

---

---

.

---

.

-TOP-

.

XXX

.

---

.

-SECTION 1-

-SECTION 2-

-SECTION 3-

.

---

.

-section1start-

-SECTION 1-

X

.

-section2start-

-SECTION 2-

X

.

-section3start-

-SECTION 3-

X

.

-groundzero-

.

X

-SECTION 3-

-section3end-

.

X

-SECTION 2-

-section2end-

.

X

-SECTION 1-

-section1end-

.

---

.

XXX

.

-BOTTOM-

.

-SF1 TOP-
(TEMPLATE)

-SF1 BOTTOM-
(TEMPLATE)

---

.

---

---

.

.

*👨‍🔬🕵️‍♀️🙇‍♀️*SKETCHES*🙇‍♂️👩‍🔬🕵️‍♂️*

.

.

👈👈👈☜*-CSS-* ☞ 👉👉👉
-OVERVIEW-

.

.

💕💝💖💓🖤💙🖤💙🖤💙🖤❤️💚💛🧡❣️💞💔💘❣️🧡💛💚❤️🖤💜🖤💙🖤💙🖤💗💖💝💘

.

.

*🌈✨ *TABLE OF CONTENTS* ✨🌷*

.

.

🔥🔥🔥🔥🔥🔥*we won the war* 🔥🔥🔥🔥🔥🔥

X

---

X