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

[祁同伟]

[NateDhaliwal]

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

[祁同伟]

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

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

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

[NateDhaliwal]

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

[ToddZ]

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

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

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

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

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

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

[祁同伟]

إشعار عام

[ToddZ]

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

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

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

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

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