أعتقد أنه يمكنك إنشاء عنصر مخصص جديد باسم Customization > Theme component وتجاوز الخطوط.
قد يكون من الممكن تعديل هذا الحاسوب، أو ربما تجد خطوطًا في Google Fonts تناسب ذوقك.
أعتقد أنه يمكنك استهداف رأس الصفحة وتعديله باستخدام CSS.
ربما ليس بالضبط ما تبحث عنه، لكنه قد يكون مثيرًا للاهتمام.
أهلاً بالجميع
شكراً على هذا القالب الرائع!
أنا فقط أواجه صعوبة في شيء ما. لقد لاحظت على الهاتف المحمول أن بعض علامات تبويب تفضيلات الملف الشخصي ليس لها خلفية صلبة، مما يجعلها تبدو غريبة بعض الشيء. انظر الصورة أدناه كمرجع:
صفحة الخطأ على إصدار الهاتف المحمول تفعل الشيء نفسه. كلها جيدة على سطح المكتب/الجهاز اللوحي، ولكن يبدو أن إصدار الهاتف المحمول لديه CSS مختلف؟
هل يعرف أحد ربما كيف/أين يمكنني تغيير هذا؟ ليس لدي أي خلفية في البرمجة، فهل سأحتاج إلى مطور للقيام بذلك نيابة عني؟
هذا مثال لما يبدو عليه على الجهاز اللوحي/الهاتف المحمول وأيضًا ما تبدو عليه معظم علامات التبويب الأخرى:
مرحباً بك في ميتا! 
لا أعتقد ذلك. هذه سمة #رسمية لذا فهي تتم صيانتها بواسطة فريق Discourse. ولكن حتى السمات الأخرى التي تتم مشاركتها هنا غالباً ما يتم إصلاحها بواسطة القائم بالصيانة عندما تبلغ عن مشكلة.
يمكنني إعادة إنتاج مشكلتك هنا. يبدو الأمر أسوأ من لقطة الشاشة الخاصة بك لأن معاينة الرسالة أوسع من شاشتي.
يمكنك تجربة CSS التالي:
.topic-list {
.topic-list-header .posts,
.topic-list-body .posts {
display: none !important;
}
}
نعم، لقد حاولت إخفاءها بهذه الطريقة. يتم إخفاء عناصر div العادية، لكنها لا تعمل مع td. لقد جربت عدة خيارات:
.td.num.posts... {
display: none;
}
.td:num.posts... {
display: none;
}
لقد اختبرت CSS الخاص بي، وهو يعمل لدي. هل اختبرته؟
ينقصها !important لهذا الثيم.
شكراً @chapoi
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.age,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posters {
display: none;
}
هناك بعض المساحة الفارغة في الأعلى. هل هناك أي طريقة لإزالتها؟ لا يمكنني العثور على أي شيء باستخدام مدقق العناصر.
وأود زيادة عرض الكتلة التي تحتوي على محتوى الموضوع
هناك هامش علوي في فئة main-outlet
يجب عليك إضافة هذا:
html body #main-outlet {
margin-top: 0;
}
لم أستخدم هذا من قبل، ولكن هناك إعداد عرض الموضوع في CSS، في عنصر جذر.
أضف هذا، يجب أن يتكيف كل شيء آخر:
:root {
--topic-body-width: 750px;
}
في نفس الوقت يبدو طبيعيًا. شكرا لك
.container.posts {
grid-template-columns: 90% 10%;
}
شكرا للمشاركة! سألقي نظرة على هذا قريبًا.
تم إصلاح هذا في آخر دمج لطلب سحب (PR)
من فضلك أخبرني كيف أقوم بقص الصورة الخلفية مثل هذه، بزوايا مستديرة متناظرة.
الآن يبدو الكود هكذا:
html .background-container {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: url(https://site/uploads/default/original/2X/2/26d48362654a9e03c716eeaff4a176cbbd01d6b8.png);
background-size: cover;
}
ستحتاج إلى تعديل خصائص مسار القص. يمكنك معرفة المزيد حول ذلك على مواقع مثل css tricks.
عند استخدام السمة هنا في ميتا، تكون الأيقونات الموجودة أمام “اقتباس” و"تحرير" و"نسخ الاقتباس" و"اسأل الذكاء الاصطناعي" غير مرئية.
هممم، ما هو نظام الألوان الذي تستخدمه؟ الخلفية لذلك ليست ما يستخدمه المظهر.
بالتأكيد، WCAG Light بها المشكلة، لكنني غيرت إلى “theme default”
