[jjjj] There’s too much white space. (Don’t worry, I will be editing the dividing line color). I saw some other threads from like 2017 where they were editing it with CSS, but it seems like that CSS doesn’t work anymore.

Here is some CSS for that… (let me know if it works!) .topic-list .topic-list-data { padding: .1em .5em 0 !important; line-height: normal !important; } .topic-list-main-link, .latest-topic-list-item .main-link, .topic-list .main-link { font-size: var(--font-0) !important; } .topic-list-main-link a.title, .latest-topic-list-item .main-link a.title, .topic-list .main-link a.title { padding: 0 !important; } .topic-list .num.posts a, .topic-list .num .badge-posts { padding: 0 !important; } .topic-list .link-bottom-line { display: inline !important; } .topic-list .excerpt { margin: 0 !important; line-height: normal !important; } .topic-list .posters { width: auto !important; max-width: 146px !important; }

Try this as a basis. [image] globe_with_meridians www theme Theme information_source Summary A theme featuring brutalist web aesthetics. hammer_and_wrench Repository GitHub - discourse/www-theme · GitHub question Install Guide How to install a theme or theme component open_book New to Discourse Themes? Beginner’s guide to using Discourse Themes eye Preview Theme Creator Install this theme Internet blue, tight line heights, Arial x Times New Roman, marquees…I am excited to share this theme inspired by aesthetics of the brutal …

Thank you so much, it looks incredible! Exactly what I was looking for. Would you happen to know how to make the individual posts more compact as well?

Great! What exactly do you want the individual posts to look like?

[ggggg] How do I eliminate the whitespace? I like the dense, compact look you provided earlier.

Which are the white spaces you want reduced? You could draw arrows and write in the spaces to show me, or a before and after picture. Also a link to the live page if possible.

Can you provide an after picture to see the css changes to the topic listings?

[imageedit_7_5002977264] How do I get rid of this whitespace?

[Screenshot at 2025-01-26 22-06-18]

[image] Johnny McIvor: How do I get rid of this whitespace? This should cover what you highlighted. Feel free to adjust based on the original value. .topic-post { .topic-body { padding-top: 0; /* 0.8em */ } .cooked { padding-bottom: 0; /* 1em */ } .post-menu-area { margin-top: 0; /* 20px */ margin-bottom: 0; /* 20px */ } }

How do I make the topic list more compact?

Product Support

Johnny_McIvor (Johnny McIvor) January 27, 2025, 4:22am 13

Thank you.

Topic		Replies	Views
Is there a "compact" option like gmail? UX	12	2668	October 6, 2018
How do I space out topics from each other? Product Support	6	1215	August 13, 2018
Perfectionist - the default curve interface UX	5	312	November 2, 2024
Very minor issue: on the topics list, the new messages indicator can be on a new line by itself UX	4	1143	March 17, 2022
Changing layout with themes Product Support	2	1489	September 6, 2019

How do I make the topic list more compact?

Related topics