Hi all – I’m curious if someone can clarify for me the tabs in Admin > Customize > CSS/HTML? Here’s a screen shot of them: [תמונה] So there’s: CSS Header Top Footer Embedded CSS Can someone clarify for me their definitions and usage? I’ve successfully added the custom nav bar to my installation that I wanted, but it was mostly through trial and error and I would like to understand what this customize panel is really capable of!

So there’s: CSS - append styles to the global css document. This is where you can set homepage background, font changes, additional classes that you reference… Header - appends code above the global navigation Top - appends code after the global navigation header. Good for secondary nav Footer - appends code before the close of the bottom div - allows for additional code in the head section. This is where you can load javascript and the most powerful customizations of discourse to alter templates. - appends code after everything is loaded. Could be used for additional tracking pixels. Embedded CSS - if you want to load css inline. (Not really sure why this is needed, but perhaps if you are struggling to override other css, this can come in handy?) That’s just for desktop. And then there’s a set for mobile as well. CSS Header Top Footer Pretty much the same definitions as above, but since there’s no / head, the javascript template overrides need to be added to Header.

Yep this is quite confusing as it exists. :frowning:

Maybe we could make a faux-preview of some sort, similar to Ionic: [תמונה]

Thank you! This is super helpful.

תיעוד טוב יותר של הטאבים ב-Admin > Personalize > CSS/HTML

תמיכה

sam (Sam Saffron) 26 באוגוסט,‏ 2016,‏ 7:29am 6

Yes, absolutely, something along those lines would be great.

נושא		תגובות	צפיות
Can't find Admin > Customize > CSS/HTML Product Support	2	830	5 בפברואר,‏ 2020
Is it possible to change HTML of header and footer and message details on the forum? Development	8	4312	13 באוקטובר,‏ 2017
CSS admin-contents reloaded Feature	26	6259	25 בספטמבר,‏ 2015
How to change the html code? Product Support	9	3664	23 ביוני,‏ 2020
What HTML can you customize? Development	9	5584	24 באפריל,‏ 2020

תיעוד טוב יותר של הטאבים ב-Admin > Personalize > CSS/HTML

נושאים קשורים