المقدمة

كتير من أصحاب المواقع اللي بيستخدموا قالب وودمارت (WoodMart) مع Elementor بيواجهوا مشكلة مزعجة وهي إن البانر الترويجي (Promo Banner) ما بيظهرش بشكل صحيح. أحيانًا النص يختفي، أو ألوان الخلفية ما تتطبقش، أو البانر كله ما يبانش في الموبايل.

لو بتواجه مشكلة بانر ثيم وودمارت لا يظهر النص أو مشكلة بانرات قالب وودمارت النص لا يظهر، يبقى المقالة دي هتكون الحل النهائي ليك.

مشكلة بانرات قالب وودمارت

لما تستخدم بانر وودمارت في Elementor، ممكن تشوف واحد أو أكتر من الأعراض دي:

• البانر مش بيظهر خالص

• النص داخل البانر مش ظاهر

• البانر بيختفي في الموبايل

• لون الخلفية أو لون النص ما بيتغيرش حتى لو عدلته من Elementor

• البانر بيتحط عليه display: none !important أو أكواد CSS داخلية بتكسر التنسيقات

الموضوع ده بيخلي ناس كتير تلخبط لإن البانر بيبان تمام جوه محرر Elementor، لكن في المعاينة أو على الموقع المباشر يبوظ.

سبب المشكلة

السبب إن قالب وودمارت بيولّد CSS داخلي جوا الصفحة، وبيكون جوا <style> ومعاه أوامر إجبارية زي:

وجود !important هنا بيخلي إعدادات Elementor ما تشتغلش، وبالتالي النص أو الألوان تختفي.

الحل لمشكلة بانر وودمارت النص لا يظهر

الحل بسيط وهو إننا نعمل CSS override على الأكواد اللي بيضيفها قالب وودمارت.
كل اللي عليك تعمله تضيف الكود ده:

فين تضيف الكود

ممكن تضيف الكود من:

• المظهر > تخصيص > CSS إضافي

• أو من Elementor > إعدادات الموقع > Custom CSS

• أو من خلال ملف style.css في الـ child theme لو عندك

حل بديل (محدد أكتر)

لو عايز الكود يستهدف البانر الترويجي بس في قالب وودمارت من غير ما يأثر على أي عناصر تانية، استخدم:

الخلاصة

مشكلة بانرات قالب وودمارت النص لا يظهر سببها إن القالب بيضيف CSS داخلي فيه !important وده بيكسر تنسيقات Elementor. بمجرد ما تضيف الكود اللي فوق، المشكلة بتتحل فورًا.

لو عندك مشكلة بانر ثيم وودمارت لا يظهر النص أو البانر بيختفي في الموبايل أو الألوان مش بتتغير، الكود ده هو الحل النهائي اللي بيرجعلك التحكم الكامل من خلال Elementor.