# Een reddit-achtig thema voor Discourse

**URL:** https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466
**Category:** Theme
**Created:** [23 juni 2023 om 22:06 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466 "2023-06-23T22:06:39Z")
**Posts on this page:** 20
**Page:** 4

<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: [17 oktober 2024 om 05:44 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/68 "2024-10-17T05:44:25Z")

</div>

I think this was solved in

> [@In 1 month I'm close to 1,000 members but I'm missing one thing!](https://meta.discourse.org/t/in-1-month-im-close-to-1-000-members-but-im-missing-one-thing/331270/2):
>
> As I see your site right now, the three columns are responsive. But if what you want is for the 3 columns to shrink in place as you narrow the window (except in mobile of course), you could try this: /\* Container to hold the 3 columns \*/ #main-outlet-wrapper { display: flex; justify-content: space-between; gap: 20px; /\* Adjust space between columns if needed \*/ } /\* Each column \*/ .sidebar-wrapper, #main-outlet, .custom-right-sidebar { flex: 1; padding: 10px; background-color: #f4…

---

<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: [24 oktober 2024 om 09:43 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/70 "2024-10-24T09:43:53Z")

</div>

I’ve made great progress (: now how can i show the custom-right-sidebar on the homepage here too?

If I can show that sidebar on my topic page, I’ll be happy 🥳

 ![Ekran Resmi 2024-10-24 12.36.32](https://global.discourse-cdn.com/meta/original/4X/6/b/8/6b85d8e1c68269fc5427878a664ae8ca1b77f501.jpeg)

---

<div class="post-metadata">

### Author: ![joo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/joo/32/334852_2.png) [@joo](https://meta.discourse.org/u/joo)
#### Post date: [1 november 2024 om 12:01 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/71 "2024-11-01T12:01:35Z")

</div>

After activating a theme (without any components), the topic list overlaps with the right sidebar. This issue persists even in [safe mode](https://meta.discourse.org/t/53504?silent=true). How can I resolve this?

 ![This image appears to depict a screenshot of a user interface for creating and managing topics, with a prominent "Create Topic" button and a list of categories on the left-hand side. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/1/7/5/1757705d10d5e4fd443c1b37df9bcb70e5504bc6.png)

---

<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: [1 november 2024 om 16:09 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/72 "2024-11-01T16:09:18Z")

</div>

I’m unable to reproduce this, which browser are you using? is Discourse up-to-date?

 ![The image depicts the homepage of a web forum called DevBox, featuring a prominent search bar, links to various topics, and a welcome message to new users. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/d/6/3/d632a1225cb2d7a81b7b3d326356ab16b687c6a5.png)

---

<div class="post-metadata">

### Author: ![fsaccount](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fsaccount/32/461283_2.png) [@fsaccount](https://meta.discourse.org/u/fsaccount)
#### Post date: [1 november 2024 om 21:25 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/73 "2024-11-01T21:25:16Z")

</div>

Hello,

Love this theme but there is a little problem for mobile,  
there is no reply button for mobile, is it possible to have a reply button similar to create a new topic button when browsing categories?

---

<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: [1 november 2024 om 23:15 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/74 "2024-11-01T23:15:58Z")

</div>

I see what you mean. No reply to topic. Only comment reply.

 ![You are looking at a screenshot of a conversation on a mobile platform, with a new post inquiring about a reply button similar to the one used when browsing categories. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/4/3/4/43448c7e2f720002530f29286ed7745ffc377ce6.jpeg)

---

<div class="post-metadata">

### Author: ![joo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/joo/32/334852_2.png) [@joo](https://meta.discourse.org/u/joo)
#### Post date: [2 november 2024 om 03:17 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/75 "2024-11-02T03:17:17Z")

</div>

> [@awesomerobot](#):
>
> I’m unable to reproduce this, which browser are you using? is Discourse up-to-date?

The issue was resolved by activating the Full Width component. However, there’s now a large gap on the right side. Is there a way to adjust it so that both sides have equal spacing?

 ![The image appears to be a screenshot of a website with a search bar, categories, and a welcome message, possibly a topic management or discussion forum platform. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/b/c/8/bc8b86c4f34c187e98c7c46154e30d6d58074fc4.png)

---

<div class="post-metadata">

### Author: ![joo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/joo/32/334852_2.png) [@joo](https://meta.discourse.org/u/joo)
#### Post date: [2 november 2024 om 04:09 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/76 "2024-11-02T04:09:03Z")

</div>

I noticed your setup looks great and aligns with what I’m aiming for. If you’re comfortable with it, would you be open to sharing some of your configuration settings?

---

<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: [6 november 2024 om 09:47 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.

---

<div class="post-metadata">

### Author: ![joo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/joo/32/334852_2.png) [@joo](https://meta.discourse.org/u/joo)
#### Post date: [6 november 2024 om 15:50 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/78 "2024-11-06T15:50:50Z")

</div>

Thanks for sharing your CSS! I appreciate you taking the time, especially since it took you a week to get it working.

---

<div class="post-metadata">

### Author: ![Zomb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zomb/32/93881_2.png) [@Zomb](https://meta.discourse.org/u/Zomb)
#### Post date: [26 november 2024 om 05:30 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/79 "2024-11-26T05:30:00Z")

</div>

I really love this one!

---

<div class="post-metadata">

### Author: ![Zomb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zomb/32/93881_2.png) [@Zomb](https://meta.discourse.org/u/Zomb)
#### Post date: [27 november 2024 om 07:22 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/80 "2024-11-27T07:22:45Z")

</div>

Is there a way to make subcategories show on mobile. It’s beautiful on desktop, but I don’t see them at all under the main category.

---

<div class="post-metadata">

### Author: ![MihirR](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mihirr/32/475158_2.png) [@MihirR](https://meta.discourse.org/u/MihirR)
#### Post date: [29 november 2024 om 13:57 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/81 "2024-11-29T13:57:25Z")

</div>

Just wanted to confirm is this now equipped to work with Discourse Topic/Post Voting and also can we add leaderboard on the right side just as in the central theme?

---

<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: [3 december 2024 om 06:05 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/82 "2024-12-03T06:05:18Z")

</div>

I want to share. it does not appear on the “custom-right-sidebar” topic page on the homepage. how can I make it display here. if you help, I am about to make a twitterish design with 3 columns. i would be happy to share the codes.

**the place I marked in orange**

 ![Ekran Resmi 2024-12-03 09.01.46](https://global.discourse-cdn.com/meta/original/4X/6/3/a/63ab3b3c306201496e74c6332822d02bb5e56707.jpeg)

thanks guys

---

<div class="post-metadata">

### Author: ![joo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/joo/32/334852_2.png) [@joo](https://meta.discourse.org/u/joo)
#### Post date: [5 december 2024 om 13:38 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/83 "2024-12-05T13:38:00Z")

</div>

> [@MCATAKCIN](#):
>
> ![Ekran Resmi 2024-12-03 09.01.46](https://global.discourse-cdn.com/meta/original/4X/6/3/a/63ab3b3c306201496e74c6332822d02bb5e56707.jpeg)

I’m also looking to display the “custom-right-sidebar” on topic pages, but so far, none of the existing sidebar components seem to work for this. It would be fantastic if this feature could be added directly to the theme.

---

<div class="post-metadata">

### Author: ![Gotchur](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gotchur/32/424926_2.png) [@Gotchur](https://meta.discourse.org/u/Gotchur)
#### Post date: [9 januari 2025 om 19:23 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/84 "2025-01-09T19:23:47Z")

</div>

Given the popularity of this theme, it would be cool to see it supported officially 😉

---

<div class="post-metadata">

### Author: ![digitalsc4rz](https://avatars.discourse-cdn.com/v4/letter/d/4af34b/32.png) [@digitalsc4rz](https://meta.discourse.org/u/digitalsc4rz)
#### Post date: [12 januari 2025 om 23:42 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/85 "2025-01-12T23:42:40Z")

</div>

Nice looks great - I’m going to try this on my website 😊

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [15 januari 2025 om 07:33 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/86 "2025-01-15T07:33:41Z")

</div>

The code blocks are very round, is this intentional?  
Also, the topic progress in the topic timeline isn’t in the centre of the topic timeline.

---

<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: [22 januari 2025 om 19:03 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/87 "2025-01-22T19:03:57Z")

</div>

A few bugs / UX issues:

- The numbers are not vertically centered on the topic progress toggle on #mobile, as mentioned above :  

- The AI summary toggle doesn’t show up on #desktop.

- The toggle is present on #mobile, but summaries don’t show up:  

- Some text overflow on the right sidebar on #desktop :

---

<div class="post-metadata">

### Author: ![Damian\_Boon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/damian_boon/32/574032_2.png) [@Damian\_Boon](https://meta.discourse.org/u/Damian_Boon)
#### Post date: [14 februari 2025 om 17:17 UTC](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466/88 "2025-02-14T17:17:40Z")

</div>

Is the standard behaviour of this theme that clicking on an image does nothing when viewing topics, you have to physically click the topic text to view that topic, where as if no image is present i can click in the box or on the excertp and it takes me to the topic.

[Vorige pagina](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466.md?page=3)

[Volgende pagina](https://meta.discourse.org/t/a-reddit-ish-theme-for-discourse/269466.md?page=5)
