Afficher le contenu après l'en-tête uniquement sur la page d'accueil

Dev
1

Salut à tous, j’ai du contenu après l’en-tête que je souhaite afficher uniquement sur la page d’accueil.

Actuellement, je peux créer du contenu spécifique à toutes les autres sous-pages en utilisant la classe du corps comme ceci :

.showthisdiv {display:block;}
body.subpageclass1 .showthisdiv {display:none;}

Cependant, cela ne fonctionne pas pour la page d’accueil car le nom de la classe du corps de la page d’accueil est vide comme ceci :

<body class=""> ...

Est-ce que quelqu’un connaît une solution ? Je cherche depuis un jour environ, mais je n’ai rien trouvé.

Édition
Le format mentionné fonctionne, comme on peut le voir sur ce fiddle :
https://jsfiddle.net/endormoon812/dxo5710z/7/

2

Try using body[class=""] as your selector. It should select only the pages where body has an empty class.

3

Thank’s for the response! Getting closer, however, I just tried it and it didn’t work. Can you show me how it would look in the context of my sample CSS?

4

On the plus side though, this is how you can create header content specific to a page.

5

I’m not finding the body class on the homepage to be blank. The classes that are present depend on whether or not there is a logged in user, but either the class navigation-categories or the class navigation-topics should be present.

If your homepage is displaying categories, you may be able to target that page with .navigation-categories. If your homepage is displaying the latest topics, targeting it with CSS may be difficult, because navigation-topics will appear on the latest, top, and unread pages.

6

I found an article that contained a good solution.

https://meta.discourse.org/t/create-banner-on-top/48099/12?u=clark_varner

Instead of referring to the " " body class I could easily reference all other body classes instead.

Thanks for the help. I really should write a guide for this and put it in the themes section.

7

Hey Clark, have you made the guide yet? I’d like to take a look. Thanks!