كود اختصار وصف التدوينة لسطر واحد (CSS)

CSS

/* جعل وصف التدوينة سطر واحد فقط في المعاينة */
.post-body .snippet-container, 
.post-body .snippet-item, 
.post-body .resizer {
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important; /* تحديد عدد الأسطر بـ 1 */
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important; /* إضافة ثلاث نقاط (...) في نهاية السطر */
  white-space: normal !important;
  max-height: 1.6em !important; /* ارتفاع السطر لضمان عدم ظهور الزيادة */
}

🛠️ طريقة وضع الكود:

المظهر ← تخصيص ← الإعدادات المتقدمة ← إضافة CSS

⚠️ نصيحة: أنا (أعوذ بالله من كلمة أنا) عدت شغلي عشرات المرات.. لا تحاول تقرب جنب تعديل HTML لو ما كنت مبرمج أو مطور، الأفضل والآمن لك هو خيار "إضافة CSS".