كيفية تصفيف صناديق الفئات

[ludwikc (Ludwik C. Siadlak)]

لقد قمت بتوسيع المربعات لتأخذ العرض بالكامل، لتبسيط تجربة المستخدم.

لكن ما أواجهه صعوبة فيه هو محاذاة العناوين والأوصاف إلى اليسار.

ما هو المحدد المسؤول عن محاذاة النص؟

[ludwikc (Ludwik C. Siadlak)]

إذًا… لا أحد؟

[Moin]

هل حاولت البحث بنفسك؟
Making custom CSS changes on your site يشرح كيف يمكنك العثور على المحددات باستخدام أداة الفحص في متصفحك.

على سبيل المثال، استخدام “فحص” على اسم الفئة يأخذك بالفعل إلى

عند النقر على المثلث، يمكنك رؤية

يبدو أن

.category-boxes h3 {
    text-align: center;
}

هو الـ CSS الذي تريد تجاوزه.
يمكنك العثور على الوصف مباشرة أدناه

[ludwikc (Ludwik C. Siadlak)]

@Moin

هل حاولت البحث عن ذلك بنفسك؟

بالطبع فعلت.
المسألة هي أن هناك شيئًا يمنع ذلك.
text-align: left !important لا يعطي أي نتائج مرئية.
عندما أجرب
text-align: center; text-indent: -100px;
فإنه يحرك النص كما هو متوقع.
هنا عالق.

[Lilly (Lillian Louis)]

في CSS المشترك لموضوع أو مكون موضوع:

.category-boxes .description,
.category-boxes h3 {
    text-align: left;
}

لقطة شاشة للنتيجة: