وصف التصنيف غير ظاهر على النسخة المحمولة

[Bärbel_Hucke]

مرحبًا، لا تظهر وصف الفئات لدينا في إصدار الهاتف المحمول. هل يمكنك مساعدتي من فضلك؟ لست معتادًا جدًا على CSS، لكنني أتعلم كل يوم شيئًا جديدًا.

سطح المكتب

الهاتف المحمول

شكرًا لدعمك

[Bcat]

يمكنك تجربة إضافة هذا الكود إلى CSS:

@media only screen and (max-width: 601px){
    .category-list.with-topics .category-list-item .category-description {
        display: table-row;
    }
}

[Bärbel_Hucke]

عظيم، شكرًا جزيلاً!

هل يمكنني طرح سؤالين آخرين؟

• هل من الممكن تضمين الوصف بجانب الأيقونة مباشرةً؟
• كيف يمكنني تغيير لون الخط في الزر الأزرق؟ لم أستطع العثور على هذا الزر في إعدادات الألوان للمظهر

شكرًا لك!

[Bcat]

هذان العنصران مفصولان، لذا من الصعب تغييرهما باستخدام CSS فقط. أو قد يؤدي ذلك إلى كسر مكونات أخرى.
بشكل عام، هذا تغيير مؤقت.
تغير لون خلفية الزر، لذا يمكننا استخدام فئة CSS لتعديل لون النص:

.list-controls .container #create-topic {
    color: #fff;
}

متغير اللون: Developing Discourse Themes & Theme Components

[Bärbel_Hucke]

هذا يساعد! شكرًا جزيلاً!

[UnitedFreedom (James)]

مرحباً @Bcat شكراً لك على كود CSS المفيد لإضافة أوصاف للجوال.

هل من الممكن على الجوال أن يظهر الوصف على يمين الصورة، وليس تحتها؟

تماماً مثل هذا؟

[Jack_Sparrow]

يجب أن يكون ذلك ممكنًا باستخدام CSS بسيط.
قم بتعويم الصورة إلى اليسار واجعل موضع div الأصل نسبيًا.

[John_Shankman]

@Bcat

@media only screen and (max-width: 601px){
    .category-list.with-topics .category-list-item .category-description {
        display: table-row;
    }
}

بارك الله فيك على هذا