حل مشكلة هذا المنشور
تحسين عرض الصفحة الرئيسية عبر مكون مخصص:
قبل التحسين:
بعد التحسين:
كود CSS للمكون المخصص:
/* ========== جعل الهوامش العلوية والسفلية لصفوف الأقسام متسقة ========== */
.category-list tbody tr td {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
/* ========== حجم خط رأس الجدول «الأقسام، المواضيع، الأحدث» ككل ========== */
.category-list-header {
font-size: 1.2rem !important;
}
/* حجم خط التصنيف الرئيسي */
.category-list .category-name .badge-category__name {
font-size: 1rem !important;
}
/* حجم خط التصنيف الفرعي */
.category-list .subcategory {
font-size: 0.98rem !important;
}
/* زيادة الهامش الأيمن لعمود رأس الجدول «المواضيع» */
.category-list-header .topics.topic-list-data.num {
padding-right: 50px !important;
}
/* زيادة الهامش الأيمن لعمود البيانات «1 / أسبوع» */
td.topics.topic-list-data.num {
padding-right: 50px !important;
}
/* ========== التحكم في حجم خط أرقام المنشورات ========== */
.topics .value {
font-size: 1.5rem !important;
font-weight: 600 !important;
}
/* ========== التحكم في حجم خط الوحدة «أسبوع» ========== */
.topics .unit {
font-size: 1rem !important;
}
/* ========== تعديل حجم خط المواضيع المختارة على اليمين ========== */
/* عنوان الموضوع المختار */
.featured-topic .title {
font-size: 0.97rem !important;
font-weight: 500 !important;
}
/* وقت النشر (مثل «30 يومًا») */
.featured-topic .last-posted-at,
.featured-topic .relative-date {
font-size: 0.9rem !important;
}
/* أيقونات حالة الموضوع */
.featured-topic .topic-statuses {
font-size: 0.97rem !important;
}
/* المسافة بين كتل المواضيع المختارة الفردية */
.featured-topic {
margin-bottom: 2px !important; /* هامش بين المواضيع */
padding: 5px 0 !important; /* هوامش داخلية علوية وسفلية */
line-height: 1 !important; /* ارتفاع السطر الكلي */
}