# Comment modifier le style des catégories ?

**URL:** <https://meta.discourse.org/t/how-to-change-categories-style/78067>\
**Category:** UX\
**Created:** [Janvier 15, 2018, 1:52 UTC](https://meta.discourse.org/t/how-to-change-categories-style/78067 "2018-01-15T13:52:18Z")\
**Posts on this page:** 1\
**Showing post:** 31

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [Février 25, 2020, 9:30 UTC](https://meta.discourse.org/t/how-to-change-categories-style/78067/31 "2020-02-25T21:30:51Z")

</div>

```css
.categories-and-latest {
	flex-direction: column;
}

.category-list {
	thead,
	.topics,
	.category-description {
		display: none;
	}
    

	tbody {
		text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;

		tr {
			display: inline-block;
			width: 250px;
			min-height: 250px;
			margin: 0.75em;
			border: 1px solid rgba(0, 0, 0, 0.1) !important;
			border-left-color: transparent;

		}

		.category {
			padding: 1.25em 0;
			border-width: 0;
			display: block;
			width: 100%;
			height: calc(100% - 2.5em);
			position: relative;
			background: #f2f2f2;
            display: flex;
            flex-direction: colum;
            flex-wrap: wrap;
            align-items: center;
			.category-logo {
				float: unset;
				margin: 0 auto;
			}

			h3 {
				a[href] {
					display: flex;
					flex-direction: column;
					width: 250px;
                    order: 1;
                    .category-text-title {
                        justify-content: center;
                    }
				}
			}

			&:after {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				content: "";
				z-index: 1;
				box-sizing: border-box;
				pointer-events: none;
				border-left: 6px solid;
				opacity: 0.35;
				border-color: inherit;
			}
    
            .subcategories {
                .category-name {
                    margin-top: 0;
                }
                .badge-notification {
                    display: none;
                }
            }
		}
	}
}

```

Cela ressemble à ceci :

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/3/e385f9928c3fa1a4ef32325f40b4976b7fe99650.png)  
J’ai modifié le CSS de Johani et je ne suis pas sûr de la fiabilité de mes modifications, car je ne connais pas toutes ses propres modifications.

---

_[View the full topic](https://meta.discourse.org/t/how-to-change-categories-style/78067)._