Banner themes (and instructions for customizing them)

Well yes, when we are at home we have dinner at 8 - 8.30 PM, but at the restaurant we go at least at 9 - 9.30 PM often even later :fork_and_knife::blush:

PS. However remember to add the new icons in the site setting svg icon subset. I used the icons that Discourse already uses to make them work right away…

3 Likes

Hello
I have download a full width banner and add to my themes, picture below :

My question is : what is the way to change words and pics and add links, on css modify menu I have a white page like this :

How can I edit theca and html to modify and add my settings ?
Thank you

All banners have been updated to Fontawesome 5.

5 Likes

Texts are not on CSS but in the After Header tab.

Please note if you update the banner you will lose all the changes you made.

The best way is to fork the banner you want on Github and do the changes there

4 Likes

In order to edit the actual banner, if I just import the component as it is, I get a warning that my customization will be overwritten when the component updates. So I created a fork that I could customize. Is that the right thing to do?

For now yes, it is the smartest thing to do.

5 Likes

Thanks. This is an awesome component. Thank you for making it available.

2 Likes

Hello

Thank you for your answer

How can I practice the change on the banner on Github?

Best regards

Yves

After you’ve forked it, just click on the pencil icon at the top right to edit the HTML file with the new texts and elements. On CSS it is enough to change the variables at the beginning of the file

3 Likes

Excuse me, my english is poor…
What do you mean with : “After you’ve forked it”
I don’t find the translation in french.

Salut @Yves_Lauzin

On trouve un guide pratique à Forking Projects · GitHub Guides
Je dois l’apprendre, moi aussi! On peut s’aider en français si vous voulez, par des messages personnels.

4 Likes

Bonsoir

Ok no problem

Mon discourse est installé et je suis dans le relooking

2 posts were merged into an existing topic: Discourse Category Banners

hello @Dax
am trying to hide the banner for users using this code

.anon .section-header {
    display: block;
}

but not working still showing for the users, please advise.

1 Like

It should be

.anon .banner-box {
    display:none;
}
1 Like

Nothing Happening

am doing this:

.banner-box { 
    display: none; 
}

.anon .banner-box {
    display: block;
}

but its hiding it for both logged in users and guests

Why you are doing this?

You need only to add

.anon .banner-box {
    display:none;
}

to hide the banner for anon users
and not

As anon user:

As registered user:

2 Likes

I’ve tried to change the icon, but unfortunately, it does not work. What I’m doing wrong?

<div class="x-icon"><svg class="fa d-icon d-icon-user-shield svg-icon svg-node" aria-hidden="true"><use xlink:href="#user-shield"></use></svg></div>

Did you add the user-shield icon in the site setting svg icon subset?

1 Like

Sorry ma’am i didn’t explain it well.
I want to hide it for the logged in users and show it for guests.