# Center Category Logo

**URL:** https://meta.discourse.org/t/center-category-logo/334083
**Category:** UX
**Created:** [November 1, 2024, 8:18pm UTC](https://meta.discourse.org/t/center-category-logo/334083 "2024-11-01T20:18:18Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Vonsid](https://avatars.discourse-cdn.com/v4/letter/v/f08c70/32.png) [@Vonsid](https://meta.discourse.org/u/Vonsid)
#### Post date: [November 1, 2024, 8:18pm UTC](https://meta.discourse.org/t/center-category-logo/334083/1 "2024-11-01T20:18:18Z")

</div>

Hello,

I have searched and haven’t found how I can center the Category logo that is above nav while viewing the Category page?

Thanks.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [November 1, 2024, 9:12pm UTC](https://meta.discourse.org/t/center-category-logo/334083/2 "2024-11-01T21:12:01Z")

</div>

You mean a category page like this?

 ![The image shows a screenshot of a webpage with a blue icon featuring an open book and a green plant growing out of it, alongside the text "Helpful resources you may need." (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/b/3/7/b37ac6f1c160a35425986d1f0b3598ba14c4f128.png)

It looks like you have a trial on our Starter plan, which doesn’t allow custom themes. You’d have to be on our Standard plan to do something like this.

With a custom theme you’d do this by adding CSS like this:

```css
.category-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
}

```

to get an outcome like this:

 ![This image shows a webpage header with a green logo, a text headline, and several navigation buttons. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/2/3/7/2375c7c28e2a30361a10a36bfd33ef9551a6bbd6.png)

---

<div class="post-metadata">

### Author: ![Vonsid](https://avatars.discourse-cdn.com/v4/letter/v/f08c70/32.png) [@Vonsid](https://meta.discourse.org/u/Vonsid)
#### Post date: [November 1, 2024, 9:52pm UTC](https://meta.discourse.org/t/center-category-logo/334083/3 "2024-11-01T21:52:00Z")

</div>

Perfect! Thank you! Where can I find documentation on properties such as display, flex-direction, etc? Looking to add a BG color too.

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [November 2, 2024, 12:18am UTC](https://meta.discourse.org/t/center-category-logo/334083/4 "2024-11-02T00:18:42Z")

</div>

This link may help get you started with CSS

> **[W3Schools.com](https://www.w3schools.com/css/)**
>
> W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

You can also look for #Customization > Theme component that do what your looking for. They can also be a good resource to look over the code in GitHub to copy code from.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [November 4, 2024, 10:23pm UTC](https://meta.discourse.org/t/center-category-logo/334083/5 "2024-11-04T22:23:02Z")

</div>

The Mozilla Developer Network tends to be of better quality than W3Schools: [MDN Web Docs](https://developer.mozilla.org/en-US/)

> **[flex CSS property - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/flex)**
>
> The flex CSS shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container.

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [November 5, 2024, 7:04pm UTC](https://meta.discourse.org/t/center-category-logo/334083/6 "2024-11-05T19:04:37Z")

</div>

Awesome thanks will have to look over this one.