[Risolto] Isolare div h3

[tomtomeight]

Salve
In questo sito
Devo togliere la barra blu dalla voce dettaglio (details) sotto al titolo dell'elemento
Ho per quell'item il seguente codice che proviene dal css del componente

Codice: [Seleziona]

div.dataface-sections-main
h3.Dataface_collapsible_sidebar, .dataface-sections-left h3.Dataface_collapsible_sidebar {background-color: #DEE7EC;border-top: 1px solid #8CACBB;}purtroppo l'h3 viene sovrascritto dal css del template e precisamente da quest'altro codice css:

Codice: [Seleziona]

#menubar, #block-header, #block-footer, .mod-box, .menu-dropdown .dropdown-bg > div, #system .item > .links a,
 .menu-dropdown a.level1, .menu-dropdown span.level1, .menu-dropdown a.level2, .menu-dropdown span.level2,
 .searchbox .results, h1, h2, h3, h4, h5, h6, .button-default, #system .pagination a, #system .pagination strong,
 .page-nav .next, .page-nav .prev, form.short input[type="submit"], form.box button, form.box input[type="button"],
 button, input[type="button"], input[type="submit"] [type="reset"], form.box legend, form.box fieldset {
    background: radial-gradient(ellipse at center center , #1E76CF 0%, #222222 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
Il colore e le sfumature del blu vengono dall'h3 che non posso però togliere dalle altri parti del template senza scolorire tutto, voglio toglierlo solo dalla barra dettaglio. Il template è tk_3d_free
Ringrazio chi mi saprà dare un suggerimento ed anche tutti quelli che ci proveranno.   

[giusebos]

elimina da questa dichiarazione l'h3

Codice: [Seleziona]

#menubar, #block-header, #block-footer, .mod-box, .menu-dropdown .dropdown-bg > div, #system .item > .links a, .menu-dropdown a.level1, .menu-dropdown span.level1, .menu-dropdown a.level2, .menu-dropdown span.level2, .searchbox .results, h1, h2, h3, h4, h5, h6, .button-default, #system .pagination a, #system .pagination strong, .page-nav .next, .page-nav .prev, form.short input[type="submit"], form.box button, form.box input[type="button"], button, input[type="button"], input[type="submit"] [type="reset"], form.box legend, form.box fieldset {
  background: radial-gradient(ellipse at center center , #1E76CF 0%, #222222 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
poi ti muovi di conseguenza, ricostruendo

.dataface-sections-top h3 {  background: radial-gradient(ellipse at center center , #1E76CF 0%, #222222 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

ed editando infine ciò che vuoi togliere.

[tomtomeight]

Ho provato e però si scolora la barra del titolo, non del dettaglio. Comunque ci lavoro sopra visto che qualcosa cambia senza intaccare altro. Intanto grazie.

[tomtomeight]

OK sono riuscito a scolorire le due barre, strano però che quell'h3 lo avevo tolto con firebug ma si scoloriva tutto il sito, invece tolto dal css mi si scolorano solo le due barre, prima solo una, perché avevo modificato tutti e due i file invertendo le dichiarazioni, ma ripristinata una per ritornare alle condizioni iniziali si è tolto la tinta blu ad entrambe. Adesso cerco di editarle per farle come voglio.

[giusebos]

nei css la prassi è di aggiungere una dichiarazione per poter modellare lo stile.
in alcuni casi bisogna sottrarre e ricostruire l'erdeitarietà degli stili.

[tomtomeight]

Ok Ti ringrazio Giusebos per ora ho risolto il problema delle barre colorate e continuo a affinare altri piccoli particolari.