كيفية ضبط ارتفاع الشريط العلوي وشريط الإعلانات

لا يمكنك فعل هذا بشكل طبيعي، ولكن يمكنك فعله باستخدام CSS، ولكنه يعتمد حقًا على الارتفاع الذي تريده. هل لي أن أسأل، ما هو سبب هذا؟ شكرا.

تبدو شريط التنقل العلوي مرتفعًا جدًا مقارنةً بالشعار وصورة الملف الشخصي.

يبدو ارتفاع اللافتة مرتفعًا جدًا مقارنةً بارتفاع النص.

هل يمكنك تزويدي بكود CSS لتعديل هذه العناصر إذا أمكن؟

مرحباً، ما هي اللافتة التي تشير إليها؟ شكراً.

أعتقد أن “banner” تعني شريط الرأس:
image

… والذي يجب أن تكون قادرًا على تغييره هكذا (اختر الارتفاع والوحدات الخاصة بك):

header.d-header {
  height: 50px;
}

وربما “top navigation bar” هي قائمة الموضوعات:
image

… والتي يمكنك تغييرها هكذا:

section.navigation-container {
  height: 40px;
}

إشعار عام

إذا قمت بفحص لافتة الإشعار العام باستخدام أدوات مطوري المتصفح، يمكنك رؤية أن العنصر div يحتوي على معرف وبعض الفئات:

image

عادةً ما يحصل على الحشو، الذي يؤثر على حجم اللافتة، من الفئة .alert:

.alert {
padding: .5em 2.5em .5em 1em;
}

ولكن يمكنك تجاوز ذلك فقط للإشعار العام، هكذا:

#global-notice-alert-global-notice {
  padding: .2em .5em .2em .5em;
}

image