שינויים עם CSS

בעיקרון למי שיודע CSS זה אמור להיות מאוד קל, אבל גם למי שלא שולט, זה סיפור די פשוט.

נגיד אנחנו רוצים לתת לוידג'ט מסויים צבע רקע אפור עם מסגרת,

שלב ראשון:
ניתן לוידג'ט קלאס (div) כלשהו לוידג'ט הרלוונטי בשורה CSS Classes, לדוגמא נקרא לו: widget-box ונעשה שמירה לעמוד.

עכשיו אחרי שאנחנו יודעים שיש לוידג'ט הזה קלאס ייחודי, אנחנו יכולים לתת לו מאפיינים עיצוביים.

שלב שני:
נכתוב קצת קוד CSS שמביא רקע אפרפר ומסגרת עדינה

.widget-box {
background-color: #f5f5f5;
border: 1px solid #eee;
}

שלב שלישי:
נטמיע את הקוד CSS בהתאמה אישית בתוך ה Live CSS
נבצע שמירה
וזהו

ב > עיצוב > התאמה אישית > Live CSS

אז תשני את הקוד בהתאמה אישית לקוד הבא (במקום הקודם):

.widget-box .pb-widget-inner {
background-color: #f5f5f5;
border: 1px solid #eee;
}