I want to use Discourse Reactions for this theme.
Can someone please update the list page to show Discourse Reactions?
I noticed this issue too. The formatting breaks when the category subcategories are turned on. I’ve been able to correct some of the formatting issue so it displays sensibly by using the following SCSS in a custom theme component:
body.categories-list.category {
.category-heading {
p {
font-size: var(--font-up-1);
}
}
table.topic-list tr.topic-list-item > div.main-link {
display: table-cell;
width: 100%;
.link-middle-line > .topic-image {
margin: 10px 0;
> img {
width: 100%;
}
}
}
}
Still a bit of work to go to make it behave as normal, though. I think it is a bug in the theme. I will take a look when I get a chance and see if I can identify the issue and fix it. I’d like to display subcategories, and it’s not possible in the current code version.
@awesomerobot let me know how I can help =) If you have any pointers or ideas, I’m all ears.
空间布局不合理,分类选择居然占了三分之一的宽度!或许重新调整下界面中各个组件的比例会更好。
另外,能否单独将topic样式单独做成一个组件?我喜欢这样直接显示部分内容和图片的展示方式。
The space layout is unreasonable, and the classification selection actually accounts for one-third of the width! Perhaps it would be better to re-adjust the proportions of the various components in the interface.
In addition, can the topic style be made into a component separately? I like this way of displaying part of the content and pictures directly.
Hello,
It’s really a very nice customization
. Is it possiable to have your “Fakebook Modern Plus” theme?
I am actually interested in knowing the same thing. I’ve been thinking about it for a while. I’m glad I came across your post.
If there is a way to replicate (at least) most of the looks and functionality of Google+ VIA themes and plugins, I would be all for it!
Here are some images I could find online. The entirety of Google+ was not archived well in its final days.

Could you have more option to be the same as facebook?
- Hide title
- Image first
- Multi image layout
- Icon font
Hey guys, would it be possible to tell the theme to only customize the feed section and leave the inbox alone? It’s not a very clean UI for messaging lol.
Hi @awesomerobot and Team,
I would like to know how to customize this Fakebook theme, because I have implemented this theme in my application, I need to changes some css styles but I couldn’t find any editor to override the existing css. Please let me know how to achieve that.
Can someone please tell whether it is possible or not. Thank You !
There are a couple different ways you can go to customize an existing theme:
-
You can add a new theme component, and override the Fakebook theme’s CSS in that theme component. This is the recommended way for minor edits, as you’d still be able to get updates to the underlying theme. There are some guides here on Meta that should help:
-
Alternatively, you can fork the Fakebook theme on Github and make edits to your own copy, and then install that.
- Github has some onboarding if you haven’t used it before: Getting started with your GitHub account - GitHub Docs
- Github’s fork documentation: Fork a repo - GitHub Docs
I think Fakebook theme very closed to Gettr’s layout below
Hope we will have a nice and usefull theme like that.
Just use Topic List Previews (tiles) or Topic List Thumbnails with Layouts Plugin and a right and left sidebar.
Thanks. I am currently use Topic List Preview. Working perfectly!
I just tested Layout Plugin, a little more complicated.
I hope sidebar will be officially in Discourse.
Feel free to ask for support on the Layouts Topic. It’s pretty straightforward. Just add widgets by installing them as theme components and then select them in the plugin settings.
This has now been resolved with the following PR:
How can I add image preview on the suggested topics?
Hello,
Create a new theme component or add this to an existing one.
Add to Common / CSS
This will display the topic image on suggested topics.
#suggested-topics {
.topic-list .main-link {
.link-middle-line {
.topic-image,
img {
display: block;
}
}
}
}
If you want to add the topic excerpt too then use this code snippet instead of the previous.
This will display the topic image and topic excerpt on suggested topics.
#suggested-topics {
.topic-list .main-link {
.link-middle-line {
.topic-image,
img {
display: block;
}
}
.topic-excerpt {
display: block;
}
}
}
I have just created a theme component (fakebook-preview-suggested-topics).
I am happy to share if anyone is interested (Just click Like).
But this is the old Facebook theme.