شعار الرابط الترحيبي بهامش إضافي

هناك خطأ بسيط في الهامش:

لا يمكنني رؤية هذه المشكلة في meta، ولكن في نسختي، يحدث هذا بسبب كود CSS التالي:

image

الكود موجود لإضافة هامش بين أزرار العلوية وشعار الترحيب، ولكنه يفرض الهامش أيضًا في أماكن لا ينبغي أن يكون فيها، ويظل الهامش ممكّنًا حتى إذا كان شعار الترحيب مخفيًا، على سبيل المثال، بسبب الموظفين أو مستوى الثقة.

تحرير: إصلاح غير دقيق؟
قم بإزالة الهامش من هذا الصنف:

.above-main-container-outlet.welcome-link-banner-connectors {
    margin-bottom: 0em !important;
}

وأضف نفس الهامش إلى هذا الصنف:

.above-main-container-outlet.welcome-link-banner-connectors .welcome-link-banner, .below-site-header-outlet.welcome-link-banner-connector .welcome-link-banner {
    margin-bottom: 1em;
}

يبدو أن هذا قد حل المشكلة بالنسبة لي. لم ألاحظ أي أعطال حتى الآن ولا يزال الشعار يبدو جيدًا.

3 إعجابات

.above-main-container-outlet.welcome-link-banner-connectors لديه margin-bottom: 1em لا أرى الغرض منه.

بالإضافة إلى ذلك، فإنه يضيف مساحة فارغة سواء تم عرض لافتة الترحيب أم لا. إذا لم يتم عرضها، فلا ينبغي أن يكون الهامش موجودًا.

يمكن أن يؤثر أيضًا على تخطيط مكونات الثيم الأخرى أدناه، مثل حبل الضوء من Christmas Decoration Component 🎄.

مثال:

حلان هنا:

إما إزالة margin-bottom من مكون لافتة الترحيب إذا لم يكن له استخدام أو إضافة display: none; على لافتة الترحيب عندما لا يتم استيفاء متطلبات عرضها.

4 إعجابات

شكراً لإعلامي! هناك بعض الحالات التي تكون فيها اللافتة فوق لافتة أخرى أو تنبيه آخر مباشرة، وهذا هو سبب حاجتها إلى الهامش. تمكنت من نقل الهامش لإزالة التأثير عند إخفاء المكون.

6 إعجابات

حسنًا، لقد كان حلاً ثالثًا إذن! :ضحك:

4 إعجابات