بالنظر إلى لقطة الشاشة هذه:
هل توجد طريقة لجعل الصورة عريضة بحيث تغطي المساحة بالكامل وتمتد حتى أيقونة البحث (في الزاوية العلوية اليمنى) بدلاً من أن تكون محصورة في هذه المنطقة الضيقة جدًا التي تتوقف فوق زر “الأحدث”؟
ونظرًا لقلة التواصل العضوي مع مجموعتي التي أُجبرت على العمل عن بُعد، أرغب في وضع صورة عريضة تحتوي على صورة جماعية لجميعهم جنبًا إلى جنب، فقط لإضفاء شعور بالحضور العضوي للمجموعة.
مع سمة مخصصة أو مكون، يجب أن تتمكن من تغيير عرض المربع والشعار. قمت بتنسيق ما يلي:
.d-header .title, .d-header #site-logo {
width: 90%;
}
ونجحت في الحصول على هذه النتيجة:
وأعتقد أن صورتك ستبدو أفضل. ويمكنك تجربة تغيير العرض للحصول على الشكل الذي تريده.
هل توجد وثائق توضح أين يُوضع هذا النوع من الكود؟ هل هذا كود CSS؟
انظر إلى هذا المنشور وهذا المنشور.
كل ما عليك فعله هو إضافة/تعديل CSS.
أوه، ونعم، هذا هو CSS.