Joomla.it Forum
Joomla! 3 => I Template di Joomla! 3 => : massikk 05 Jan 2020, 17:48:39
-
Ciao a tutti, ho un template che per alcuni settaggi css che regolo dalle impostazioni mi inserisce lo stile direttamente nell'head..
Dato che non mi piace molto pensavo di inserire questo codice nel custom css per rendere più pulito il sorgente della pagina, ma stranamente non funziona...
Il codice che trovo nella visualizzazione html del mio sito è il seguente:
body.site {background-color:#ffffff;} body{font-family:Open Sans, sans-serif; font-weight:normal; } h1{font-family:Open Sans, sans-serif; font-weight:300; } h2{font-family:Open Sans, sans-serif; font-size:33px; font-weight:300; } h3{font-family:Open Sans, sans-serif; font-weight:normal; } h4{font-family:Open Sans, sans-serif; font-weight:normal; } h5{font-family:Open Sans, sans-serif; font-weight:600; } h6{font-family:Open Sans, sans-serif; font-weight:600; } .sp-megamenu-parent{font-family:Open Sans, sans-serif; font-weight:600; } #sp-top-bar{ background-color:#3d3d3d;color:#d4d4d4; } #sp-top-bar a{color:#b3b3b3;} #sp-top-bar a:hover{color:#d1d1d1;} #sp-header{ background-color:#303030;color:#f0f0f0; } #sp-header a{color:#ededed;} #sp-header a:hover{color:#ffffff;} #sp-footer{ background-color:#363839;color:#b0b0b0; } #sp-footer a{color:#d6d6d6;} #sp-footer a:hover{color:#f0f0f0;} .offcanvas-menu{background:rgba(122,11,186,0.04)}.offcanvas-menu ul li a{color: }.offcanvas-menu .offcanvas-inner .search input.inputbox{border-color: } #sp-header .top-search-wrapper .icon-top-wrapper, #sp-header .top-search-wrapper .icon-top-wrapper >i:before, .sp-megamenu-wrapper > .sp-megamenu-parent >li >a, .sp-megamenu-wrapper #offcanvas-toggler, #sp-header .modal-login-wrapper span, #sp-header .ap-my-account i.pe-7s-user, #sp-header .ap-my-account .info-text, #sp-header .mod-languages, .logo, #cart-menu, #cd-menu-trigger, .cd-cart, .cd-cart > i{ height:60px; line-height:60px; } .total_products{top:calc(60px / 2 - 22px);} #sp-header, .transparent-wrapper{ height:60px; background:#600097; } .transparent, .sticky-top{ background:#600097; } #sp-header #sp-menu .sp-megamenu-parent >li >a, #sp-header #sp-menu .sp-megamenu-parent li .sp-dropdown >li >a, #sp-header .top-search-wrapper .icon-top-wrapper i, #sp-header #cd-menu-trigger i, #sp-header .cd-cart i, #sp-header .top-search-wrapper{color:#ffffff} #sp-header #sp-menu .sp-dropdown .sp-dropdown-inner{background:rgba(96,0,151,0.96)} #sp-header #sp-menu .sp-dropdown .sp-dropdown-inner li.sp-menu-item >a, #sp-header #sp-menu .sp-dropdown .sp-dropdown-inner li.sp-menu-item.separator >a, #sp-header #sp-menu .sp-dropdown .sp-dropdown-inner li.sp-menu-item.separator >a:hover, #sp-header .sp-module-content ul li a, #sp-header .vm-menu .vm-title{} #sp-header #sp-menu .sp-megamenu-parent >li.active>a, #sp-header #sp-menu .sp-megamenu-parent >li.current-item>a, #sp-header #sp-menu .sp-megamenu-parent >li.sp-has-child.active>a, #offcanvas-toggler >i, #offcanvas-toggler >i:hover{color:#000000} #sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item>a, #sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item.active>a, #sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item.active:hover>a, #sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item a:hover{ color: #fff; background-color:#000000; } #sp-header.onepage .sp-megamenu-parent li.active a, #sp-header.onepage .sp-megamenu-parent li.active:first-child >a.page-scroll{ color:#000000; border-bottom-color:#000000; } .sticky .logo, .sticky #cart-menu, .sticky #cd-menu-trigger, .sticky .cd-cart, .sticky .cd-cart >i, .sticky .menu-is-open >i, #sp-header.sticky .modal-login-wrapper span, #sp-header.sticky .ap-my-account i.pe-7s-user, #sp-header.sticky .ap-my-account .info-text, #sp-header.sticky .mod-languages, #sp-header.sticky .top-search-wrapper .icon-top-wrapper, #sp-header.sticky .top-search-wrapper .icon-top-wrapper >i:before, .sticky .sp-megamenu-wrapper > .sp-megamenu-parent >li >a, .sticky .sp-megamenu-wrapper #offcanvas-toggler, .sticky #sp-logo a.logo{ height:40px; line-height:40px; } .sticky .total_products{top: calc(40px / 2 - 22px);} .sticky .sticky__wrapper{ background:#600097; height:40px; -webkit-animation-name:fade-in-down;animation-name:fade-in-down; } .sticky .sticky__wrapper .sp-sticky-logo { height:40px; } .sticky.onepage .sticky__wrapper, .sticky.white .sticky__wrapper, .sticky.transparent .sticky__wrapper{ background:#600097; } #sp-header.sticky #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent >li >a, #sp-header.sticky .top-search-wrapper, #sp-header.sticky .top-search-wrapper .icon-top-wrapper i, #sp-header.sticky #cd-menu-trigger i, #sp-header.sticky .cd-cart i{ ; } #sp-header.sticky #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent >li.active>a, #sp-header.sticky #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent >li.current-item>a, #sp-header.sticky #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent >li.sp-has-child.active>a, .sticky #offcanvas-toggler >i, .sticky #offcanvas-toggler >i:hover{ color:; }
Io l'ho levato dall'index php e inserito in custom.css, ma l'header mi diventa con sfondo #303030 mentre se il codice è inserito come attualmente dentro l'head funziona perfettamente... sapete aiutarmi? Non capisco perchè lo stesso codice scritto in linguaggio CSS dentro il template va bene e dentro un file css no...
-
Ma tu il custom.css lo richiami da qualche parte?
-
Il custom è richiamato.
Diversi valore li prende ma l'header mi diventa #303030 invece di #600097.
Non capisco dove sia l'errore...
Il sito è questo https://allevamentochihuahua.com e come vedi adesso è viola perchè nel codice è inserito il css nell'head.. se copio quello e lo metto nel custom l'header cambia colore...
-
Aggiungi !important alle linee che non fungono.
-
Stavo appena scrivendo che con important funziona!! Grazie mille
-
Pensi sia meglio metterlo a tutti?
Perchè apparentemente va bene.. ma magari da qualche parte o con altri browser ci sta dia lo stesso problema..
-
No ove non serve non metterlo. Metti però risolto al post.