How to display a banner for visitors only?


(Adrianbblk) #1

Hi,

I need to display a banner at the top of the page, but it should be for visitors only. How to set it to disappear for logged users ?

Thanks


(Joe) #2

You can make use of the anon class added to the <body> tag. More on this here:

The selector in your case would be inverted like so:

body:not(.anon) {
	#banner {
		display: none;
	}
}

Which effectively hides the banner unless the user is logged out.