مشكلتي الأخيرة قبل نشر الموقع

مرحباً بالجميع،
بدأت في الإعلان عن موقعي. أريد حل المشكلة الأخيرة التي واجهتها. الرجاء مساعدتي :pray:

أنا أستخدم هذه الأكواد. لقد قمت للتو بإزالة بعض الزوائد.
من هذه الأكواد، لم أضف هذه الحقول في علامة التبويب لسطح المكتب وعلامة التبويب للجوال.

/* kategori */
body .category-list [data-category-id="37"],body .category-list [data-category-id="37"] {
    position: relative;
    margin-top: 50px;
}
body [data-category-id="37"]::before {
    content: "▼ YAPIMCISINDAN MMORPG";
}
body [data-category-id="37"]::before,body [data-category-id="37"]::before {
    position: absolute;
    top: -35px;
    left: 0;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    color: rgb(247, 247, 255,.9);
    border-left: 3px solid #e53967;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #36364d;
}

body [data-category-id="31"]::before,body [data-category-id="31"]::before {
    position: absolute;
    top: -35px;
    left: 0;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    color: rgb(247, 247, 255,.9);
    border-left: 3px solid #e53967;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #36364d;
}

body .category-list [data-category-id="31"],body .category-list [data-category-id="31"] {
    position: relative;
    margin-top: 50px;
}
body [data-category-id="31"]::before {
    content: "▼ PRIVATE SERVER MMORPG";
}
/* kategori */

عندما أقوم بإزالة الأكواد عبر F12، تعود صورة الخلفية.
لكنها لا تظهر عندما تكون هذه الأكواد موجودة.


https://pvpfarm.com
شكراً مقدماً لمن سيساعد.
إذا لم ينجح الأمر، فسأقوم بإزالة هذه الأكواد.
لكن هذه الأكواد جيدة للموقع، يمكنني فصل الفئات، سيكون من الرائع لو تمكنا من تنظيمها.

إعجاب واحد (1)

لقد قمت بالتغيير من الرموز :before إلى :after
وقد حل هذا المشكلة.
هل هذا هو الحل النهائي؟

إعجاب واحد (1)