ריווח ווידג'טים לכל רוחב האזור

שלום רב,

הכוונה ל-5 עמודות באזור?

לצערי אין אצלינו לעת עתה אפשרות לחלוקה של העמודות ל 5, אנחנו עובדים עם הגריד של Bootstrap

בכל מקרה, אפשר לעשות את זה עם טיפה CSS. הנה 2 כיוונים:

1. הוספת Class מותאם אישית לאזור

תוסיפי בהגדרות של האזור את הדיב הבא: five-cols

ולאחר מכן את הקוד הבא בהתאמה אישית > Live CSS

@media (min-width: 768px;) {
.section.five-cols .column-2 {
    width: 20%;
}
}

עכשיו ברגע שתגדירי בתוך האזור הספציפי עמודה או וידג'ט ברוחב 16% הוא אוטומטית יהיה מחולק ל 20%

2. הוספת Class מותאם אישית לוידג'ט:

תוסיפי בהגדרות של הוידג'ט את הדיב הבא: five-col

ולאחר מכן את הקוד הבא בהתאמה אישית > Live CSS

@media (min-width: 768px;) {
.five-col.column-2 {
    width: 20%;
}
}

עכשיו ברגע שתגדירי וידג'ט ברוחב 16% הוא אוטומטית יהיה מחולק ל 20%

בהגדרות אזור > CSS Classes > הכניסי שם קלאס מותאם אישית, כגון: five-cols

ולאחר מכן הכניסי את הקוד כנ"ל.

ניסיתי אפשרות אחרת, ועכשיו זה עובד.

ראיתי שהגדרת לכל ווידג'ט קלאס של five-col אז הכנסתי את הקוד הבא ל-Live CSS:

@media (min-width:768px) {
.column-2.widget-column.five-col{
width:20% !important;}
}