How Can You Hide The Title Tag Using Css?

Solution 1:

Give it display:none;:

article#node-13h2.title { display: none; }

Alternativly use visibility:hidden;

article#node-13h2.title { visibility:hidden;}

display:none means that the the tag in question will not appear on the page at all - rhere will be no space allocated for it between the other tags.

visibility:hidden means that unlike display:none, the tag is not visible, but space is allocated for it on the page.

Solution 2:

To remove the element from the flow of the page:

display:none;

To hide the element but keep it in the flow of the page:

visibility:hidden;

Solution 3:

Try article#node-13 h2.title { display: none; }, this will only hide the title element if it is inside node 13,

Demo: http://jsfiddle.net/SO_AMK/2QQDd/

If you would like to hide the entire article then you could do this: article#node-13 { display: none; }.

Please note that display: none; completely removes the element from the page flow, this means that the element will not only be invisible but it will completely collapse.

If you would like to merely hide the element and not "collapse" it then you should use article#node-13 h2.title { visibility: hidden; }. As you can see in the demo, it still takes up space above the second link,

Demo: http://jsfiddle.net/SO_AMK/wwRsa/

Share