Banner themes (and instructions for customizing them)


(Daniela) #21

You should add it as a component of the main theme(s):

However I can not reproduce your problem. The banner remains visible both if I login or if I visit the site without logging in.
Is the close button at the top right side active or inactive? Did you add any scripts on this or other themes by chance? Did you change something else on that theme?

(Harm van den Heurik) #22

Thx ! Adding it as a theme component did the trick.

(François Douville) #23

Hey! I added coded to not display the banner in some pages, for example :

body[class*="user-"] .banner-box {
display: none;

Instead of writing all the pages, I want by default to not display and only display in the main page. What code should I write?




I have added one of the banners to our site but I don’t want it to be displayed in the login area, the idea is to have it visible only after a user logs in.
It will be used as a noticeboard and I don’t want people not logged it to see it.

Is there a way to do this?


(Daniela) #25

You should use something like


to target the category page


to target the latest page (and new, unread and top)

(Daniela) #26

Use the .anon class to do that

.anon .banner-box {


Brilliant! Thank you.

(François Douville) #28

What is the complete code please?

(Daniela) #29
/*Hide the banner on the Categories page and on the Login page*/
.navigation-categories, .docked.static-login {
    .banner-box {
        display: none;

To hide it from the Latest/New/Unread change .navigation-categories to .navigation-topics

(François Douville) #30

Oh no! I already type codes to not display banner box on pages but there are a lot of pages. Instead, can I just write a code to display ONLY on the main page (navigation-categories)? Thanks

(Daniela) #31

This should work:

.navigation-categories .banner-box {
    display: block;
.banner-box {
    display: none;

(Phil) #32

Great banner @Dax ! Is there any way to make the default status of the banner on initial load as expanded instead of hidden?

(François Douville) #33

If I’m on the URL and I expand details, I go to

And sometimes, nothing happens :

Is there another solution?

(Adrianbblk) #34

Expended banner does not work. When the “Expand details” button is pressed it just refresh the page.

(Daniela) #35

Remove the root symbol “/” from

and leave only <a href="" id=“banner-content_wrap_toggle”>

EDIT: wait, I forgot the problem above, let me see what I can do

(Daniela) #36

No repro on my instance.
My editor does not report any errors to me.
How did you add the codes, via Github or copy-paste?
Have you manually edited the Html?

(Adrianbblk) #37

I add it via github and I do not made any edit.

(Daniela) #38

Ok, try this solution:

<a href="#" onclick="return false" id="banner-content_wrap_toggle"></i>Expand Details</a>

Let me know if it solve the issue on your site too, it works on my test site.

(François Douville) #39

Thanks this is perfect!

(Daniela) #40

I fixed a typo at line 13, but the problem is not solved (now I can repro it) but I think I understand the cause of the malfunction.
Can you check what you find on the Common > Body tab?

EDIT: nevermind it is fixed, try to update the theme now