# \#css **URL:** https://meta.discourse.org/tag/css/436.md [Latest](https://meta.discourse.org/latest.md) · [Categories](https://meta.discourse.org/categories.md) · [Tags](https://meta.discourse.org/tags.md) --- ## [Categories Plus Latest Layout How to Use Full Screen Width?](https://meta.discourse.org/t/categories-plus-latest-layout-how-to-use-full-screen-width/390591)
**Author:** [@BrianC](https://meta.discourse.org/u/BrianC)\ **Replies:** 3\ **Last updated:** [September 23, 2026, 5:50pm UTC](https://meta.discourse.org/t/categories-plus-latest-layout-how-to-use-full-screen-width/390591 "2026-09-23T17:50:25Z")
I’m trying to make the Categories + Latest view on desktop use the full available screen width. Everything else on the site can remain the same — I only want this one layout (categories on the left, latest topics on … --- ## [How to embed a button into a Topic Post](https://meta.discourse.org/t/how-to-embed-a-button-into-a-topic-post/256473)
**Author:** [@UnitedFreedom](https://meta.discourse.org/u/UnitedFreedom)\ **Replies:** 5\ **Last updated:** [August 24, 2026, 1:16pm UTC](https://meta.discourse.org/t/how-to-embed-a-button-into-a-topic-post/256473 "2026-08-24T13:16:14Z")
Introducing the amazing embedded button - the ultimate solution for spicing up your topic posts! With just a click, you can add a whole new dimension to your content and leave your readers in awe. Plus, our embedded butt… --- ## [About standardized guidelines for theme components](https://meta.discourse.org/t/about-standardized-guidelines-for-theme-components/410741)
**Author:** [@satonotdead](https://meta.discourse.org/u/satonotdead)\ **Replies:** 4\ **Last updated:** [August 23, 2026, 11:59pm UTC](https://meta.discourse.org/t/about-standardized-guidelines-for-theme-components/410741 "2026-08-23T23:59:21Z")
I never thought I’d do this, but here I am, editing CSS and JavaScript, and creating my first simple theme and plugin components. As I’ve read before (though I wasn’t quite ready — one need a certain foundation to get s… --- ## [How to move category boxes to the top](https://meta.discourse.org/t/how-to-move-category-boxes-to-the-top/410585)
**Author:** [@satonotdead](https://meta.discourse.org/u/satonotdead)\ **Replies:** 4\ **Last updated:** [August 22, 2026, 4:13pm UTC](https://meta.discourse.org/t/how-to-move-category-boxes-to-the-top/410585 "2026-08-22T16:13:03Z")
Inspired by the new Meta design, I was playing around to get something similar to the sub-categories boxes display on the Meta Branded Theme. I ended up here: I can confirm that the tags dropdown is actually aligned … --- ## [Allow categories without color](https://meta.discourse.org/t/allow-categories-without-color/410656)
**Author:** [@satonotdead](https://meta.discourse.org/u/satonotdead)\ **Replies:** 0\ **Last updated:** [August 21, 2026, 7:47pm UTC](https://meta.discourse.org/t/allow-categories-without-color/410656 "2026-08-21T19:47:10Z")
I wonder if it would be possible to create categories without assigning them a color. I like the approach for some categories but not for everyone. Our use case will be color only for specific categories (the most promi… --- ## [Position of the New topic button on Horizon](https://meta.discourse.org/t/position-of-the-new-topic-button-on-horizon/410535)
**Author:** [@satonotdead](https://meta.discourse.org/u/satonotdead)\ **Replies:** 7\ **Last updated:** [August 21, 2026, 12:04am UTC](https://meta.discourse.org/t/position-of-the-new-topic-button-on-horizon/410535 "2026-08-21T00:04:17Z")
Continuing the discussion from Create a new topic button disappeared: I wonder if this button can be changed to floating and moved to the bottom right? I tried to do it using my limited CSS skills but I couldn’t do it;… --- ## [\`code\` is invisible, solely when directly inside \`small\`](https://meta.discourse.org/t/code-is-invisible-solely-when-directly-inside-small/410078)
**Author:** [@roke\_julian\_lockhart](https://meta.discourse.org/u/roke_julian_lockhart)\ **Replies:** 3\ **Last updated:** [August 17, 2026, 12:29pm UTC](https://meta.discourse.org/t/code-is-invisible-solely-when-directly-inside-small/410078 "2026-08-17T12:29:36Z")
Recently, I entered the undermentioned: \> \Powered by \[\`noggin\`\](https://github.com/fedora-infra/noggin) \`v1.11.0\` (\`stable:d236f5e\`)\ …at another Discourse instance: It was quoted from the cited websit… --- ## [Should 'Me too' be hidden on category descriptions topics?](https://meta.discourse.org/t/should-me-too-be-hidden-on-category-descriptions-topics/409537)
**Author:** [@satonotdead](https://meta.discourse.org/u/satonotdead)\ **Replies:** 1\ **Last updated:** [August 7, 2026, 5:49pm UTC](https://meta.discourse.org/t/should-me-too-be-hidden-on-category-descriptions-topics/409537 "2026-08-07T17:49:59Z")
I wonder if it makes sense that support category description threads (used like an index for Category Docs in our instance) should hide the ‘Me too’ functionality because they are not proper support topics. Is a workaro… --- ## [Layout of fullApp embed mode](https://meta.discourse.org/t/layout-of-fullapp-embed-mode/405567)
**Author:** [@erizo1332](https://meta.discourse.org/u/erizo1332)\ **Replies:** 0\ **Last updated:** [June 18, 2026, 7:10am UTC](https://meta.discourse.org/t/layout-of-fullapp-embed-mode/405567 "2026-06-18T07:10:56Z")
Hi team! When fullApp embed came out, I tried it on my site right away. I had to fix a few layout things, so I want to share them. Maybe they are useful to you. I found 4 problems: Blank space on the left. With narr… --- ## [Horizon (and Meta) CSS3 renders tables without theads with a header divider](https://meta.discourse.org/t/horizon-and-meta-css3-renders-tables-without-theads-with-a-header-divider/399335)
**Author:** [@roke\_julian\_lockhart](https://meta.discourse.org/u/roke_julian_lockhart)\ **Replies:** 2\ **Last updated:** [March 26, 2026, 4:16pm UTC](https://meta.discourse.org/t/horizon-and-meta-css3-renders-tables-without-theads-with-a-header-divider/399335 "2026-03-26T16:16:15Z")
\ \ \ \E-Mail Address\ \\\example@example\\\ \ \ \ …renders as: \[1\] forum.gnupg.org/t/7183/4 ↩︎ --- ## [Finding CSS selectors for page layout, user groups](https://meta.discourse.org/t/finding-css-selectors-for-page-layout-user-groups/397044)
**Author:** [@stephtara](https://meta.discourse.org/u/stephtara)\ **Replies:** 6\ **Last updated:** [March 12, 2026, 5:43am UTC](https://meta.discourse.org/t/finding-css-selectors-for-page-layout-user-groups/397044 "2026-03-12T05:43:19Z")
Continuing the discussion from Discourse Doc Categories: :information\_source: Below is an answer added to OP before making Steph the topic owner. – @ToddZ I don’t know if there’s an overall reference, but the browser… --- ## [Does the Discourse team ever nudge very large, third-party instances in the right direction?](https://meta.discourse.org/t/does-the-discourse-team-ever-nudge-very-large-third-party-instances-in-the-right-direction/397212)
**Author:** [@roke\_julian\_lockhart](https://meta.discourse.org/u/roke_julian_lockhart)\ **Replies:** 7\ **Last updated:** [March 6, 2026, 4:46pm UTC](https://meta.discourse.org/t/does-the-discourse-team-ever-nudge-very-large-third-party-instances-in-the-right-direction/397212 "2026-03-06T16:46:30Z")
Gradle is, obviously, immensely popular, as the backbone for Java, and, thus, AOSP. However, its Discourse instance is literally unusable: https://github.com/gradle/community/issues/271#issue-3996947387 I realise that … --- ## [Making custom CSS changes on your site](https://meta.discourse.org/t/making-custom-css-changes-on-your-site/168101)
**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\ **Replies:** 3\ **Last updated:** [December 30, 2025, 5:52am UTC](https://meta.discourse.org/t/making-custom-css-changes-on-your-site/168101 "2025-12-30T05:52:32Z")
:bookmark: This guide explains how to make CSS changes on your Discourse site, including an introduction to CSS, where to add CSS in Discourse, and how to find the right selectors using browser inspection tools. … --- ## [Customized CSS based on user role/groups](https://meta.discourse.org/t/customized-css-based-on-user-role-groups/281766)
**Author:** [@RBoy](https://meta.discourse.org/u/RBoy)\ **Replies:** 7\ **Last updated:** [November 22, 2025, 3:11pm UTC](https://meta.discourse.org/t/customized-css-based-on-user-role-groups/281766 "2025-11-22T15:11:29Z")
I’m trying to figure out if it’s possible to customize the CSS based on user roles or groups? For example I want to hide the the number of topics stats on the main page, I was able to this relatively easily by adding .… --- ## [The theme I'm using calculates the background based off of other colors and won't let me pick a specific color, even with CSS Component](https://meta.discourse.org/t/the-theme-im-using-calculates-the-background-based-off-of-other-colors-and-wont-let-me-pick-a-specific-color-even-with-css-component/386840)
**Author:** [@Jack\_McCarthy](https://meta.discourse.org/u/Jack_McCarthy)\ **Replies:** 0\ **Last updated:** [October 27, 2025, 4:28pm UTC](https://meta.discourse.org/t/the-theme-im-using-calculates-the-background-based-off-of-other-colors-and-wont-let-me-pick-a-specific-color-even-with-css-component/386840 "2025-10-27T16:28:33Z")
I’m using the Horizon theme which doesn’t have a way to directly pick the background color, this is what it says in the inspector: \`html { –background-color: light-dark( oklch(from #002F43 96% calc(c \* 0.125) h), oklch… --- ## [Inbox multi word styling issue](https://meta.discourse.org/t/inbox-multi-word-styling-issue/384870)
**Author:** [@Nacho\_Caballero](https://meta.discourse.org/u/Nacho_Caballero)\ **Replies:** 1\ **Last updated:** [October 7, 2025, 3:42pm UTC](https://meta.discourse.org/t/inbox-multi-word-styling-issue/384870 "2025-10-07T15:42:13Z")
I updated recently and now the messages menu appears like this because in Spanish “Inbox” is multiple words. I’ve seen this in the Dark theme (here in Discourse) and in the Air Theme (probably more). --- ## [No more live reload with CSS modifications?](https://meta.discourse.org/t/no-more-live-reload-with-css-modifications/379977)
**Author:** [@rahim123](https://meta.discourse.org/u/rahim123)\ **Replies:** 1\ **Last updated:** [August 23, 2025, 5:11am UTC](https://meta.discourse.org/t/no-more-live-reload-with-css-modifications/379977 "2025-08-23T05:11:49Z")
Hi there, I just upgraded to 3.5.0. In previous versions it would immediately apply CSS modifications in theme components without reloading the page. This doesn’t seem to be working anymore. Is it broken, or is it disabl… --- ## [Referencing Discourse theme color variables in custom theme component?](https://meta.discourse.org/t/referencing-discourse-theme-color-variables-in-custom-theme-component/358352)
**Author:** [@jordan-violet](https://meta.discourse.org/u/jordan-violet)\ **Replies:** 3\ **Last updated:** [March 21, 2025, 5:50pm UTC](https://meta.discourse.org/t/referencing-discourse-theme-color-variables-in-custom-theme-component/358352 "2025-03-21T17:50:05Z")
Is it possible to access Discourse theme color variables in my own theme component? I’m trying to use variables like --secondary in my CSS and it doesn’t seem to be working. --- ## [Make staff users more recognizable with customized avatars, posts, and mentions](https://meta.discourse.org/t/make-staff-users-more-recognizable-with-customized-avatars-posts-and-mentions/142794)
**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\ **Replies:** 1\ **Last updated:** [March 15, 2025, 6:21am UTC](https://meta.discourse.org/t/make-staff-users-more-recognizable-with-customized-avatars-posts-and-mentions/142794 "2025-03-15T06:21:42Z")
There are various methods that can be used to make a staff user immediately recognizable to other users. Show moderator shield Any staff user who is moderator, or admin and moderator, will have the moderator shield nex… --- ## [How to display Avatar Flair on avatars in the topic list and leaderboard pages?](https://meta.discourse.org/t/how-to-display-avatar-flair-on-avatars-in-the-topic-list-and-leaderboard-pages/354321)
**Author:** [@copymonopoly](https://meta.discourse.org/u/copymonopoly)\ **Replies:** 0\ **Last updated:** [February 25, 2025, 6:22am UTC](https://meta.discourse.org/t/how-to-display-avatar-flair-on-avatars-in-the-topic-list-and-leaderboard-pages/354321 "2025-02-25T06:22:26Z")
I am a beginner,can it be achieved via CSS or HTML? --- ## [CSS edits not being applied on mobile](https://meta.discourse.org/t/css-edits-not-being-applied-on-mobile/353986)
**Author:** [@Richie](https://meta.discourse.org/u/Richie)\ **Replies:** 5\ **Last updated:** [February 23, 2025, 8:42pm UTC](https://meta.discourse.org/t/css-edits-not-being-applied-on-mobile/353986 "2025-02-23T20:42:35Z")
I’m wondering if someone could help me with some CSS please. I’ve been following the Making custom CSS changes on your site guide and the changes I make are taking effect on desktop, but not on mobile. In this example,… --- ## [Adjusting Calendar Size in Desktop](https://meta.discourse.org/t/adjusting-calendar-size-in-desktop/348571)
**Author:** [@Ethsim2](https://meta.discourse.org/u/Ethsim2)\ **Replies:** 3\ **Last updated:** [January 23, 2025, 4:50pm UTC](https://meta.discourse.org/t/adjusting-calendar-size-in-desktop/348571 "2025-01-23T16:50:47Z")
I was inspecting inside the html class containing desktop-view not-mobile-device, to reduce the calendar size on desktop, and have found where the CSS might need to be changed to achieve this task. the class fc-month v… --- ## [How to move the avatar\_template inside the topic body](https://meta.discourse.org/t/how-to-move-the-avatar-template-inside-the-topic-body/344096)
**Author:** [@katruki](https://meta.discourse.org/u/katruki)\ **Replies:** 4\ **Last updated:** [December 29, 2024, 9:18pm UTC](https://meta.discourse.org/t/how-to-move-the-avatar-template-inside-the-topic-body/344096 "2024-12-29T21:18:11Z")
Hello, I am currently making a custom theme for a community of mine. I am trying to move the user avatar inside the topic body (I’ll post screen-shots for what it currently looks like vs what I am looking for). I am usin… --- ## [Resolve final styles in email notifications](https://meta.discourse.org/t/resolve-final-styles-in-email-notifications/310219)
**Author:** [@thoka](https://meta.discourse.org/u/thoka)\ **Replies:** 4\ **Last updated:** [November 30, 2024, 1:51pm UTC](https://meta.discourse.org/t/resolve-final-styles-in-email-notifications/310219 "2024-11-30T13:51:28Z")
At least posteo.de web email client renders colors with the first value given in a CSS style definition, which yields unreadable buttons in notifications: instead of Currently, the according style is font-weight:… --- ## [How to hide topics of categories in mobile home page?](https://meta.discourse.org/t/how-to-hide-topics-of-categories-in-mobile-home-page/167905)
**Author:** [@avndp](https://meta.discourse.org/u/avndp)\ **Replies:** 4\ **Last updated:** [November 27, 2024, 6:20pm UTC](https://meta.discourse.org/t/how-to-hide-topics-of-categories-in-mobile-home-page/167905 "2024-11-27T18:20:55Z")
As shown in the snap below, I don’t want to show the latest topics in categories of mobile home page. How can I achieve this? I’ve tried to hide it through CSS, but it is hiding not just in home page, but in other pages… --- ## [Hiding elements of the /about page with CSS?](https://meta.discourse.org/t/hiding-elements-of-the-about-page-with-css/334264)
**Author:** [@Richie](https://meta.discourse.org/u/Richie)\ **Replies:** 9\ **Last updated:** [November 6, 2024, 2:08pm UTC](https://meta.discourse.org/t/hiding-elements-of-the-about-page-with-css/334264 "2024-11-06T14:08:31Z")
Hi everyone, Is there a way to hide these individual elements of the new /about page using some CSS? --- ## [CSS selector separating posts](https://meta.discourse.org/t/css-selector-separating-posts/327418)
**Author:** [@ludwikc](https://meta.discourse.org/u/ludwikc)\ **Replies:** 4\ **Last updated:** [September 21, 2024, 9:27am UTC](https://meta.discourse.org/t/css-selector-separating-posts/327418 "2024-09-21T09:27:16Z")
Hi, I’ve modified the Default theme to have these “boxed” posts. But I cannot find the proper selector to get rid of these lines. Anyone cares to guide me here? --- ## [PM Inbox .user-main .controls breaking responsive width layout](https://meta.discourse.org/t/pm-inbox-user-main-controls-breaking-responsive-width-layout/319233)
**Author:** [@rahim123](https://meta.discourse.org/u/rahim123)\ **Replies:** 3\ **Last updated:** [September 12, 2024, 1:58pm UTC](https://meta.discourse.org/t/pm-inbox-user-main-controls-breaking-responsive-width-layout/319233 "2024-09-12T13:58:54Z")
Hi there, here on Discourse Meta and on my Discourse instance the “Expand” button in the personal messages .user-main .controls overflows beyond the browser window width even at a reasonable browser width of ~2/3 of my 1… --- ## [Is it possible to increase the size of a group flair?](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261)
**Author:** [@STORMS](https://meta.discourse.org/u/STORMS)\ **Replies:** 15\ **Last updated:** [September 8, 2024, 9:13pm UTC](https://meta.discourse.org/t/is-it-possible-to-increase-the-size-of-a-group-flair/322261 "2024-09-08T21:13:31Z")
Is there an easy way to increase the size of the flair that goes by your name when attached to certain groups? . --- ## [How to show Category Hierarchy in Topic-List with CSS](https://meta.discourse.org/t/how-to-show-category-hierarchy-in-topic-list-with-css/325060)
**Author:** [@elRicharde](https://meta.discourse.org/u/elRicharde)\ **Replies:** 2\ **Last updated:** [September 5, 2024, 9:05am UTC](https://meta.discourse.org/t/how-to-show-category-hierarchy-in-topic-list-with-css/325060 "2024-09-05T09:05:07Z")
Hi Everyone and thanks for your time to read. I´ve searched the forum for hours and tried a bit with chat gpt and a testforum but i need some help here. In our ngo we want to rearange our categorys so that each departme… [Next page](https://meta.discourse.org/tag/css/436.md?match_all_tags=true&page=1&tags%5B%5D=css)