# Is there a plugin of some sort to have an Icon next to a category?

**URL:** <https://meta.discourse.org/t/is-there-a-plugin-of-some-sort-to-have-an-icon-next-to-a-category/276368>\
**Category:** Product Support\
**Created:** [August 23, 2023, 10:07pm UTC](https://meta.discourse.org/t/is-there-a-plugin-of-some-sort-to-have-an-icon-next-to-a-category/276368 "2023-08-23T22:07:53Z")\
**Posts on this page:** 1\
**Showing post:** 7

<div class="post-metadata">

**Author:** ![Lhc\_fl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhc_fl/32/268115_2.png) [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl)\
**Post date:** [August 27, 2023, 2:59am UTC](https://meta.discourse.org/t/is-there-a-plugin-of-some-sort-to-have-an-icon-next-to-a-category/276368/7 "2023-08-27T02:59:58Z")

</div>

This is a code I wrote before…

```plaintext

:root {
    --category-logo-width: 70px;
    --category-spacing: 0px;
}

.desktop-view table.category-list .category-logo.aspect-image {
    width: var(--category-logo-width);
    height: calc(var(--category-logo-width) - 45px);
    margin: 0 5px 0 0;
    padding: 0;
    transform: translatey(-35px);
}
table.category-list .category-logo.aspect-image img{
    width: var(--category-logo-width);
    height: var(--category-logo-width);
}
.desktop-view .has-logo .category-text-title {
    margin-left: calc(var(--category-logo-width) + 5px); 
}
.mobile-view .category-title-link {
    display: flex;
}
.mobile-view .category-logo.aspect-image {
    margin: 0 5px 0 0;
    margin-top: 0 !important;
    padding: 0;
    order: -1
}
.mobile-view .category-text-title {
    margin: auto 0;
}

.desktop-view td.category {
    margin: var(--category-spacing);
}
.desktop-view table.category-list {
    border-collapse: separate;
    border-spacing: 0 var(--category-spacing);
}
.desktop-view table.category-list tr {
    margin: var(--category-spacing);
}

```

---

_[View the full topic](https://meta.discourse.org/t/is-there-a-plugin-of-some-sort-to-have-an-icon-next-to-a-category/276368)._