# Как стилизовать блоки категорий?

**URL:** https://meta.discourse.org/t/how-to-style-category-boxes/331109
**Category:** Support
**Created:** [16.Октябрь.2024 06:55:48 UTC](https://meta.discourse.org/t/how-to-style-category-boxes/331109 "2024-10-16T06:55:48Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![ludwikc](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ludwikc/32/438823_2.png) [@ludwikc](https://meta.discourse.org/u/ludwikc)
#### Post date: [16.Октябрь.2024 06:55:48 UTC](https://meta.discourse.org/t/how-to-style-category-boxes/331109/1 "2024-10-16T06:55:48Z")

</div>

Я расширил блоки, чтобы они занимали всю ширину, упростив пользовательский опыт.

Но я затрудняюсь с выравниванием заголовков и описаний по левому краю.

Какой селектор отвечает за выравнивание текста?

 ![CleanShot X 2024-10-16 08.01.38](https://global.discourse-cdn.com/meta/original/4X/2/e/6/2e64f187991ce06e20a7393ff621b472aaee8cd9.png)

---

<div class="post-metadata">

### Author: ![ludwikc](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ludwikc/32/438823_2.png) [@ludwikc](https://meta.discourse.org/u/ludwikc)
#### Post date: [24.Октябрь.2024 12:54:26 UTC](https://meta.discourse.org/t/how-to-style-category-boxes/331109/2 "2024-10-24T12:54:26Z")

</div>

Так… никто?

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [24.Октябрь.2024 13:28:18 UTC](https://meta.discourse.org/t/how-to-style-category-boxes/331109/3 "2024-10-24T13:28:18Z")

</div>

Вы пытались найти это самостоятельно?  
[Making custom CSS changes on your site](https://meta.discourse.org/t/make-css-changes-on-your-site/168101) объясняет, как найти селекторы, используя инструмент «Проверить» вашего браузера.

Например, использование «Проверить» на названии категории сразу переносит вас к  
 ![image](https://global.discourse-cdn.com/meta/original/4X/1/0/a/10ad52109c42f1a547e3fb6ce5e426c6e20ade24.png)  
Когда вы нажимаете на треугольник, вы видите

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/8/d/98d6524c25b700473b40f9267c850971b1316806.png)

Похоже, что

```css
.category-boxes h3 {
    text-align: center;
}

```

— это CSS, который вы хотите переопределить.  
Описание можно найти прямо под ним:

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/a/a/caaaf422500e13b2e5bc16c26ff93276ad5461b3.png)

---

<div class="post-metadata">

### Author: ![ludwikc](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ludwikc/32/438823_2.png) [@ludwikc](https://meta.discourse.org/u/ludwikc)
#### Post date: [26.Октябрь.2024 11:58:11 UTC](https://meta.discourse.org/t/how-to-style-category-boxes/331109/4 "2024-10-26T11:58:11Z")

</div>

> [@Moin](#):
>
> Вы пытались разобраться сами?

Конечно, я пытался.

Дело в том, что что-то этому мешает.

`text-align: left !important` не даёт **никаких** видимых результатов.

Когда я пробую  
`text-align: center; text-indent: -100px; `, текст сдвигается, как и ожидалось.

На этом я застрял.

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [28.Октябрь.2024 05:10:35 UTC](https://meta.discourse.org/t/how-to-style-category-boxes/331109/5 "2024-10-28T05:10:35Z")

</div>

в общих CSS-стилях темы или компонента темы:

```scss
.category-boxes .description,
.category-boxes h3 {
    text-align: left;
}

```

скриншот результата:

 ![Screenshot 2024-10-27 at 10.09.09 PM](https://global.discourse-cdn.com/meta/original/4X/d/7/d/d7dff8948d67b0f55f95da8dd6a4afc62be51404.jpeg)