Joomla.it Forum

Joomla! 3 => I Template di Joomla! 3 => : tomtomeight 23 Oct 2013, 18:24:20

: [Risolto] Isolare div h3
: tomtomeight 23 Oct 2013, 18:24:20
Salve
In questo sito (http://www.sisinternational.net/index.php?option=com_jxlibrary&-table=books&-action=browse&-cursor=2&-skip=0&-limit=30&-mode=list&-recordid=books%3Fbook_id%3D1052)
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
:
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:
:
#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.   
: Re:Isolare div h3
: giusebos 23 Oct 2013, 18:49:32
elimina da questa dichiarazione l'h3

:
#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.
: Re:Isolare div h3
: tomtomeight 23 Oct 2013, 19:02:44
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.
: Re:Isolare div h3
: tomtomeight 23 Oct 2013, 19:21:55
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.
: Re:Isolare div h3
: giusebos 23 Oct 2013, 19:39:56
nei css la prassi è di aggiungere una dichiarazione per poter modellare lo stile.
in alcuni casi bisogna sottrarre e ricostruire l'erdeitarietà degli stili.
: Re:Isolare div h3
: tomtomeight 23 Oct 2013, 19:54:53
Ok Ti ringrazio Giusebos per ora ho risolto il problema delle barre colorate e continuo a affinare altri piccoli particolari.