Hey everybody, I have some after header content I only want to show on the landing page. Right now I can create content that is specific to all the other subpages using the body class like this: .showthisdiv {display:block;} body.subpageclass1 .showthisdiv {display:none;} This won’t work for the landing page however because the landing page body class name is blank like this: ... Does anyone know a way around this? I have been searching for the last day or so, but cannot find it. Edit The format mentioned works as seen on this fiddle: Edit fiddle - JSFiddle - Code Playground JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.

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

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?

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

[image] Clark_Varner: This won’t work for the landing page however because the landing page body class name is blank like this: ... 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.

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.

[image] simon: 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. Hey Clark, have you made the guide yet? I’d like to take a look. Thanks!

Show After Header content on landing page only

Development

Hoàng_Anh_Đinh_Ngọc (Hank) September 13, 2019, 4:42am 7

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

Topic		Replies	Views
Display blocks only on the home page Development	2	438	April 5, 2021
CSS class on Body tag to distinguish homepage / non-category page Feature	9	1504	July 31, 2022
Can we have page specific css classes? Feature	2	1357	July 28, 2016
Changing 'After Header' so that it is just visible on main page Product Support	1	1406	July 4, 2017
Per page classes so we can customize experience better? UX	1	688	May 15, 2017

Show After Header content on landing page only

Related topics