hide Extra Header Widget Area on single pages

Hello, I want to hide the "extra header widget area" from some special sites and tried for the customizing css as follows: .page-id-2233 extra-header-widget-area { display:none; } ... but this area is still showing. Please can you tell what I do wrong? Thank you very much in advance.