Hiding post buttons

Contribute Feature

AI-generated summary

The discussion revolves around hiding post buttons in Discourse. avron inquires about controlling the visibility of buttons below a topic and shares their success in hiding buttons within a post using a specific setting. cpradio suggests using CSS to achieve this. Ivan_Rapekas provides CSS examples to hide various topic buttons, including single buttons (e.g., Assign, Defer, Flag) and multiple buttons at once. They also explain the process of applying these changes to external themes by forking the original Github repo and updating the theme in Discourse.

1

Is it possible to control the visibility of the buttons below a topic? I refer specifically to:

I’ve been able to hide the buttons within the post:

Using:

But do similar settings exist for the the buttons identified above?

2 Likes
2

You can use CSS to do it.

1 Like
4

CSS examples:

// Hide topic buttons
// Assign
#topic-footer-button-assign {
	display: none;
}

// Defer
#topic-footer-button-defer {
	display: none;
}

// Flag
#topic-footer-button-flag {
	display: none;
}

// Bookmark
#topic-footer-button-bookmark {
	display: none;
}

// Share
#topic-footer-button-share-and-invite {
	display: none;
}

or

// Hide main buttons at once but Follow
#topic-footer-buttons .topic-footer-main-buttons {
	display: none;
}

or

// Hide all buttons, incl. Follow
#topic-footer-buttons {
	display: none;
}

To apply this code to external themes, you need to fork original Github repo, reinstall theme using your repo URL, apply this code to your repo (desktop.scss etc) commit changes and update theme in Discourse.

2 Likes