# A reddit-ish theme for Discourse

**URL:** https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466
**Category:** Theme
**Created:** [June 23, 2023, 10:06pm UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466 "2023-06-23T22:06:39Z")
**Posts on this page:** 1
**Showing post:** 77

<div class="post-metadata">

### Author: ![MCATAKCIN](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcatakcin/32/447178_2.png) [@MCATAKCIN](https://meta.discourse.org/u/MCATAKCIN)
#### Post date: [November 6, 2024, 9:47am UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/77 "2024-11-06T09:47:22Z")

</div>

unfortunately they don’t share much advice for the customization we need. it took me 1 week to get this consistent design. whereas theme developers could have offered this skin as an alternative.

Anyway…

I disabled the full-width component. and added these as custom css.

```plaintext
#main-outlet-wrapper {
  display: flex;
  justify-content: space-between;
}
.sidebar-wrapper,
#main-outlet,
.custom-right-sidebar {
  flex: 1;
  box-sizing: border-box;
}
.sidebar-wrapper,.custom-right-sidebar{max-width:280px;}

@media (max-width: 768px) {
  #main-outlet-wrapper {
    flex-direction: column;
  }
}
body[class*=user-] .custom-tag-banner, body[class*=user-] 
.custom-category-banner, body[class*=user-] 
.custom-right-sidebar, body.archetype-regular 
.custom-tag-banner, body.archetype-regular 
.custom-category-banner, body.archetype-regular 
.custom-right-sidebar {
    display: flex;
}

```

 ![Ekran Resmi 2024-11-06 12.56.14](https://global.discourse-cdn.com/meta/original/4X/1/3/9/139c7115f5bbceffe8f6494514042bfbe423319c.jpeg)  
 ![Ekran Resmi 2024-11-06 12.53.00](https://global.discourse-cdn.com/meta/original/4X/3/e/9/3e9b18e166a13c32b596ad4880f959bb462399e3.jpeg)

I hope it helps. I will reply when you send me a message if necessary.

---

_[View the full topic](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466)._