كيفية استخدام العرض الكامل للشاشة في Categories Plus أحدث تخطيط؟

مطور
1

أحاول جعل عرض الفئات + الأحدث على سطح المكتب يستخدم عرض الشاشة الكامل المتاح.
width

يجب أن يظل كل شيء آخر على الموقع كما هو - أريد فقط أن يتوسع هذا التصميم المحدد (الفئات على اليسار، وأحدث المواضيع على اليمين) إلى العرض الكامل بدلاً من البقاء في عمود مركزي ذي عرض ثابت.

لقد حاولت تجاوز حاويات العديد من العناصر (.wrap، و.container، و#main-outlet، وما إلى ذلك)، لكن هذا العرض المحدد لا يزال مقيدًا، لذلك أعتقد أن هناك غلافًا أو شبكة أخرى تتحكم في عرضه.

هل يمكن لأحد أن يشير لي إلى تنسيق CSS الصحيح الذي يتحكم في عرض تخطيط الفئات + الأحدث؟

شكرًا لك.

3

مرحباً،

ستحتاج إلى مزيج من تغيير تخطيط عمود grid على main-outlet-wrapper + تغيير المتغيرين --d-max-width و --topic-body-width ليناسب احتياجاتك.

إعجاب واحد (1)
4

شكرًا لك. لقد أنجزت المهمة.

.badge-category__wrapper .badge-category__name {
    font-size: 1.3em;
}
table.category-list {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 1rem;
  box-sizing: border-box;
  border-collapse: separate;
  border-spacing: 0;
}

table.category-list thead th {
  padding: 0.5rem 0;
  border-bottom: 1px solid #e0e0e0;
}

table.category-list tbody tr td {
  padding: 0.75rem 0;
  border-bottom: 1px solid #e0e0e0;
}

table.category-list tbody tr:last-of-type td {
  border-bottom: none;
}


.latest-topic-list {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 1rem;
  box-sizing: border-box;
}

.latest-topic-list-item {
  padding: 0.75rem 0;
  border-bottom: 1px solid #e0e0e0;
}

.latest-topic-list-item:last-of-type {
  border-bottom: none;
}
إعجاب واحد (1)