Is there any way to show that banner with a dismiss (X) button to non logged in users only. The top banner is shown always, I would like to make it visible only if you are not logged in.

It is – you can do it with cookies. Here is an example where I have one banner that displays for members and a different one for non-members. Both are dismissible and appear just below the top nav. Go into your customisable CSS/HTML Put this in the Common section (you might want to play around with the timing etc) $(document).ready(function(event) { if (Discourse.User.current() && !checkCookie("hideMemberBanner")) { $("#banner-container").show(); $("#uxm-members-banner").show(); $("#uxm-new-users-banner").hide(); } else if (!Discourse.User.current() && !checkCookie("hideNewUserBanner")) { $("#banner-container").show(); $("#uxm-members-banner").hide(); $("#uxm-new-users-banner").show(); } }) function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+d.toUTCString(); document.cookie = cname + "=" + cvalue + "; " + expires; } function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for(var i=0; i<ca.length; i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1); if (c.indexOf(name) != -1) return c.substring(name.length, c.length); } return ""; } function checkCookie(cname) { return cval = getCookie(cname) || false; } function hideBanner() { if (Discourse.User.current() !== null){ var cname = "hideMemberBanner"; var cdays = 20; } else { var cname = "hideNewUserBanner"; var cdays = 7; } $("#banner-container").hide(); setCookie(cname, true, cdays); } Put this into the After Header section Put this in the CSS section #banner-container img { width: 100%; height: auto; padding-bottom: 20px; } #banner-close-button { float: right; top: 5px; right: 5px; position: relative; margin-bottom: -30px; border-top: none; background: transparent; border: none; font-size: 10pt; color: lightgray; } #uxm-members-banner { display:none; } #uxm-new-users-banner { display:none; } #banner-container{ display:none; }

Thank you, that worked :slight_smile:

How the 3rd advertisement implemented?

How to show that banner with a dismiss (X) button to non logged in users only?

Product Support

nujabes April 16, 2019, 7:59am 4

I am looking for the same function.
Is the banner you wanted to modify like the following #2?

Topic		Replies	Views
How to disable the banner topic dismiss button for non logged in users only Product Support	3	604	August 24, 2020
How to show a piece of content to only non-logged in users Product Support	1	637	February 8, 2023
Message to display to only users without accounts/logged in? Product Support	4	896	February 17, 2021
How to display a banner for visitors only? Product Support	1	954	May 18, 2018
Show banner only for guest user Development	5	789	February 1, 2018

How to show that banner with a dismiss (X) button to non logged in users only?

Related topics