Hide content html -

Hide content html -

i'd hide specific class code, <div class="default-tab-info">

<header></header> <section id="home-sidebar" class="header-left admin-bar-showing"> <div id="side-navigation" class="ui-tabs ui-widget ui-widget-content ui-corner-all"> <ul class="tab-nav ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist"> <li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tab-1" aria-labelledby="ui-id-1" aria-selected="true"> <a id="ui-id-1" class="ui-tabs-anchor" href="#tab-1" role="presentation" tabindex="-1"> <span class="icon-home"></span> </a> </li> </ul> <div id="tab-1" class="tab-content ui-tabs-panel ui-widget-content ui-corner-bottom" aria-labelledby="ui-id-1" role="tabpanel" style="display: block;" aria-expanded="true" aria-hidden="false"> <div class="default-tab-info"> <span class="icon-home"></span> <div class="default-tab-inner"

i write

body.home #icon-home { display: none; }

but doesn't work

what doing wrong?

thanks , regards

your css should following.

div.default-tab-info { display: none; }

this hides div class default-tab-info.

to hide icon contained in span element icon-home class utilize following.

span.icon-home { display: none; }

also, hide span.icon-home within div.default-tab-info, next should job.

div.default-tab-info span.icon-home { display: none; }

this hide span.icon-home wathever n-th kid of div.default-tab-info.

html