How to use display:none to remove element?

Question

I would like to remove the element that is high lighted in blue on the below screenshot.

If I add the following to the CSS

#p-tb body, { display:none }

it is still not removed.

Can someone explain what I am doing wrong?

Answer 1

#p-tb .body is the selector you need - you missed the . and have an extra , freeloading on the end.

EDIT: Although, even if you correct that, the inline style will override that rule, except maybe if you add !important after the display:none .

Answer 2

Display:none only hides the element. You can't remove an element via CSS.

Use javascript instead!

Answer 3

Be careful using display: none; on elements that can contain text. You could find yourself getting into SEO problems.