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...
