# My last problem before publishing the site

**URL:** <https://meta.discourse.org/t/my-last-problem-before-publishing-the-site/307767>\
**Category:** Development\
**Created:** [May 13, 2024, 2:57pm UTC](https://meta.discourse.org/t/my-last-problem-before-publishing-the-site/307767 "2024-05-13T14:57:21Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![ogulcan1787](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ogulcan1787/32/128589_2.png) [@ogulcan1787](https://meta.discourse.org/u/ogulcan1787)\
**Post date:** [May 13, 2024, 2:57pm UTC](https://meta.discourse.org/t/my-last-problem-before-publishing-the-site/307767/1 "2024-05-13T14:57:21Z")

</div>

Hi everyone,  
I’m starting to advertise my site. I want to solve the last problem I encountered. Please help me 🙏

I am using these codes. I just removed some excess.  
From these codes, desktop tab and Mobile tab I did not add these fields.

> [@Can it be done with CSS? Grouping categories on category page](https://meta.discourse.org/t/can-it-be-done-with-css-grouping-categories-on-category-page/112433/4):
>
> A bit late smile but maybe someone else needs it. I must mention that: Not all the CSS code is required, especially the borders and the background colors for table rows, so feel free to adjust them as you like. I had to change the layout from the regular table into flex cause you can’t have negative margins on table rows and other layout issues, and well…is more flexible smileReplace Category Group 1 and Category Group 2 with your desired category group names In my example I’ve used the …

```plaintext
/* 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 */

```

When I remove the codes via F12, the background-image comes back.  
But it does not appear when these codes are present.

 ![Ekran görüntüsü 2024-05-13 175243](https://global.discourse-cdn.com/meta/original/4X/e/2/c/e2c76002ec4e2b7ebbb63ff9644b490bb0f97a11.png)  
 ![Ekran görüntüsü 2024-05-13 175333](https://global.discourse-cdn.com/meta/original/4X/2/a/5/2a58052bcc7c4ab4a7d62b711b16af74c72b9e9c.png)

[https://pvpfarm.com](https://pvpfarm.com)

Thank you to those who will help in advance.  
If it doesn’t work, I will remove those codes.  
But these codes are good for the site, I can separate the categories, it would be great if we could organize them.

---

_[View the full topic](https://meta.discourse.org/t/my-last-problem-before-publishing-the-site/307767)._