Board Thread:Support Requests - Getting Technical/@comment-24789339-20140612024826/@comment-856287-20140613173944

This would hide all  elements on any image page.

You could select for a specific header like this: This code also depends on having another  named "Licensing" that comes first, causing the second   named "Licensing" to have its ID renamed to "Licensing_2." …which I think is exactly what you want: If there are two headings named "Licensing," then hide the second one.

Unfortunately, this will only target the  within the , so you will still see a blank line and the bottom-border of the  , like this: http://cl.ly/W3lC. If you could apply styles to the  based on the ID of a child , that would be better, but it's not possible in CSS3 (it should be possible in CSS4… so like 5 years from now you can do it!).

One last caveat is that this doesn't actually remove the element, it just prevents it from being displayed. So it would still show up in a Table of Contents, for example:


 * 1. Licensing
 * 2. Licensing

…but how often will an image page display a TOC? 😛

Another way to do it would be this: This selects the second h2 of any image page (not just the  within an  ). This would hide the WHOLE, not just the   inside it. However, if you ever have an image page with a second header that you don't want to hide… too bad. I guess if you can expect that ALL image pages will predictably have at least two headers and the second one should always be hidden, this would be okay to use. Otherwise, the first one I posted that selects based on the ID would be preferable.

…and lastly, you can use Javascript to remove the header (after the page loads). JS can see an  with a child   with a specific ID, and then go back up a level and remove the. Being Javascript, the page would load displaying both headers, then the JS would load after and make one of them disappear. With CSS, it happens as the page loads, so you wouldn't see a header appear and disappear, it would just never show up.