Choose to show your banner on the homepage, topic lists, or all pages
banner links
Add 1-4 links with font awesome icons and text (you might also need to add icons that arenāt included in Discourse by default to the svg_icons setting)
max trust level
Only show the banner to users at specific trust levels
hide for staff
hide on mobile
layout
Text-left (default) or text-top
plugin outlet
allows you to change where the banner is rendered, if youāre using the sidebar try above-main-container
hide for anon
Hides the banner from logged-out users
can be dismissed
Allows users to click an x to hide the banner
banner background image
Choose an image to display behind the banner
banner background repeat
Configure background image repeat behavior
banner background size
Adjust your background image size using CSS (more info)
banner background color
No background image? Use a solid color!
banner box background color
banner text color
banner icon color
banner link color
Translations
Default
meta_banner.welcome
Welcome to our community!
meta_banner.subtitle
Join the conversation, and remember to be kind.
Hosted by us? Theme components are available to use on our Standard, Business and Enterprise plans.
If youāre using the experimental sidebar, Iāve added a setting (plugin outlet) that will make the welcome banner appear above the content but not above the sidebar. Just change that setting to above-main-container.
Changing that setting will make the banner appear to the right of the sidebar, as our banner does here on Meta:
On desktop, you can clear the localstorage item here, discourse_dismissedWelcomeLinkBanner.
You hit F12 to open the browser console ā go to Application tab ā In the left panel, click on Local Storage then your website ā Look for the discourse_dismissedWelcomeLinkBanner key and delete it.
Thatās it! You can refresh, and the banner should appear again.
My question may seem stupid, but Iām not a programmer. I installed the CSS Classes for Current User's Groups component. If I want to display 3 banner options for three different groups, should I install three copies of the Welcome Link Banner component? Then how should I style the CSS if I want to:
For group A, banner-A was displayed, for group B, banner-B was displayed, and for group C, banner-C was displayed? Could you give an example?
Thanks in advance for your answer
Thanks, this works if I want to hide a banner for a specific group, but I donāt know how to display different banners with different content for different groups(
if you want different banners, that is going to required more than one copy of the welcome link banner component (not the css group component). You may also want to do different CSS to show rather than hide.
you may want to hide it for everyone first, then use display: block for select groups. What you are wanting can likely be achieved more than one way - hiding for all then showing for some, or hiding for some.
You may have to fork the banner component for each use? probably best to learn some basic CSS and theme component dev for this sort of out of scope use case.