Question

<article id="node-13" class="node node-article node-promoted node-teaser contextual-links-region clearfix" about="/fos/node/13" typeof="sioc:Item foaf:Document">

<header>

<h2 class="title" property="dc:title" datatype="">

 <a href="/fos/node/13">TITLE GOES HERE.....</a>

</h2>

</header>

</article>

I need to hide the title using CSS.

How can I do that…

As I am totally new to CSS kindly advice how to do this..

UPDATE:

For the unique article id

if we give title:hidden it will not display for all nodes.

In my case it should not display only for specific nodes.

Answer 1

Give it display:none;:

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

Alternativly use visibility:hidden;

article#node-13 h2.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.