della pagina, non solo quelli del blog: `.archive` e `.search-results` sono classi che WordPress mette sul . Sette sezioni della libreria usano

al loro interno. Se una di quelle finisse in un template di archivio o nei risultati di ricerca (con il Theme Builder di Divi si fa), si ritroverebbe TUTTO il testo corsivo, grigio e a 15px — e le immagini con il raggio a 7px. Percio' qui c'e' `:not(:where(.gb-libreria *, .gb-sezione *))`, come nel blocco 13: `:where()` conta ZERO in specificita', quindi fuori dalle sezioni queste regole restano identiche a prima, ma smettono di entrare nella libreria. 2) `.et_pb_blog_0` senza contenitore: vale per il PRIMO modulo Blog di qualunque pagina, casi studio compresi. Vedi la nota nel blocco 21. ========================================================= */ .et_pb_module.et_pb_blog_0 article { display: flex; flex-direction: column; } /* Il titolo scende al secondo posto (order: 2) */ .et_pb_module.et_pb_blog_0 h2.entry-title, .search-results h2.entry-title, .archive h2.entry-title { order: 2; border-left: solid 2px #2B689E; padding-left: 15px; color: #ffaa00; font-weight: 400; } /* I metadati salgono al primo posto (order: 1) */ .et_pb_module.et_pb_blog_0 .post-meta, .search-results .post-meta, .archive .post-meta { order: 1; border-left: solid 2px #2B689E; padding-left: 15px; margin-bottom: 0; padding-bottom: 10px; } /* Il contenuto scende al terzo posto (order: 3) */ .et_pb_module.et_pb_blog_0 .post-content { order: 3; } .archive article:not(:where(.gb-libreria *, .gb-sezione *)), .search-results article:not(:where(.gb-libreria *, .gb-sezione *)) { font-size: 15px; color: #888; font-style: italic; font-weight: 400; } .search-results article .post-meta, .archive article .post-meta { margin-top: 0; margin-bottom: 10px; } .search-results article:not(:where(.gb-libreria *, .gb-sezione *)) img, .search-results article .entry-featured-image-url, .archive article:not(:where(.gb-libreria *, .gb-sezione *)) img, .archive article .entry-featured-image-url { border-radius: 7px; } /* --- IL "LEGGI TUTTO" DEGLI ARCHIVI · aggiunto l'11 agosto 2026 --- Era rimasto indietro: nel CSS del sito vecchio sta a riga 896 e non era mai stato portato qui (`et_pb_button` compariva ZERO volte in questo file). Senza, il link torna testo semplice -- ed e' il "leggi di piu..." arancio nudo che si vede oggi sugli archivi. PORTATA A META', E DI PROPOSITO. Il selettore originale era .et_pb_bg_layout_light .et_pb_button, .et_pb_posts a.more-link cioe' faceva DUE mestieri: il more-link degli archivi (questo serve) e TUTTI i pulsanti Modulo Pulsante di Divi su fondo chiaro (questo no: farebbe arrivare la pillola blu del sito vecchio anche sulle pagine nuove). Qui resta solo il more-link. Se un domani ti accorgi che manca la pillola blu su qualche pulsante Divi, si aggiunge `.et_pb_bg_layout_light .et_pb_button` a questo selettore -- ma solo dopo aver guardato DOVE manca, non per scrupolo. Il blu e' identico a --gb-blu, quindi diventa token come da prassi del legacy. I px restano: riproducono pagine gia' online. La guardia :not(:where(...)) tiene la regola fuori dalle sezioni della libreria, che i pulsanti ce li hanno gia' (.gb-pulsante). */ .et_pb_posts a.more-link:not(:where(.gb-libreria *, .gb-sezione *)) { color: #ffffff !important; background-color: #2B689E !important; border-width: 0 !important; border-radius: 30px !important; font-size: 13px !important; padding: 7px 26px !important; line-height: normal !important; display: inline-block !important; font-weight: 400 !important; max-width: max-content; width: max-content; } /* ========================================================= 35. TOGGLE SWITCH E RANGE SLIDER (Pagine Prezzi) La soglia 980px e' quella giusta: e' il breakpoint tablet di Divi. ⚠ QUESTO BLOCCO NON HA SCOPE: agisce su elementi nudi e su due nomi di classe fra i piu' comuni del web. Due conseguenze, una risolta e una da sapere. 1) RISOLTA — `input[type="range"]` colpiva anche la libreria. Tre sezioni usano un cursore: configuratore-licenza, calcolatore-risparmio, prezzo-bloccato. Quest'ultima disegna il suo pomello a 22px (.prezzo-bloccato-cursore::-webkit-slider-thumb, specificita' 0,1,0): `input[type="range"]::-webkit-slider-thumb` vale (0,1,1) e vinceva, portandolo a 35px sotto i 980px. Aggiunto `:not(:where(.gb-libreria *, .gb-sezione *))`, che vale zero in specificita': fuori dalle sezioni nulla cambia. STORIA DI QUESTA RIGA, perche' non si ripeta. La guardia c'era gia', ma nominava la sola .gb-sezione — e nessuna delle tre sezioni col cursore la porta: usano

. La negazione era quindi sempre vera, la regola si applicava lo stesso e i tre cursori tornavano alti 35px sotto i 980px. Il ragionamento sulla specificita' era giusto; era il gancio che non agganciava. Per questo ora c'e' .gb-libreria, che sta su tutte e 136 le radici ed e' verificata dal linter. Morale: una guardia scritta contro una convenzione che il codice non rispetta non protegge niente, e non lo dice. 2) DA SAPERE — `.switch` e `.slider` restano senza prefisso. Oggi nessuna sezione della libreria li usa (quelle che sembravano usarli hanno nomi prefissati: battito-studio-switch, interruttore-guido-switch), quindi non tocco niente. Ma `.slider` e' un nome che moltissimi plugin di caroselli adottano: se un giorno un carosello si sposta di 50px in orizzontale sotto i 980px, il colpevole e' la regola qui sotto `input:checked + .slider:before`. E' cosi' anche sul sito vivo. ========================================================= */ @media (max-width: 980px) { /* Stile per la barra a scorrimento (Range) */ input[type="range"]:not(:where(.gb-libreria *, .gb-sezione *)) { height: 35px; } input[type="range"]:not(:where(.gb-libreria *, .gb-sezione *))::-webkit-slider-thumb { height: 35px; width: 35px; } /* Stile per l'interruttore (Switch) */ .switch { width: 80px; height: 35px; vertical-align: 7px; } /* Il "pallino" dell'interruttore */ .slider:before { height: 26px; width: 26px; } /* Animazione quando l'interruttore è attivo (Checked) */ input:checked + .slider:before { -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } } /* ========================================================= FEATHERLIGHT — il lightbox DEL SITO (non del child) --------------------------------------------------------- Featherlight non arriva da qui: e' gia' sul sito, e lo usano cinque sezioni della libreria (hero-slider, hero-prodotto-video e la sua variante a esagoni, recensioni-video, recensioni-esagoni, video-riquadro) attraverso i soli attributi data-featherlight-* sul link. Questa unica regola toglie la barra di scorrimento verticale che compare dentro la finestra del lightbox quando ci si mette un iframe video: senza, a destra resta una striscia grigia e il video sembra tagliato. STA QUI E NON NELLE SEZIONI, per due motivi: 1. i selettori sono di featherlight, quindi NON possono avere il prefisso di una sezione: metterli in un stile.css significherebbe piazzare due classi senza prefisso in pagina, contro la regola 4.1; 2. e' una riga sola che vale per tutto il sito. Prima veniva incollata dentro OGNI blocco video: cinque copie della stessa regola sulla stessa pagina, e cinque punti da cambiare il giorno che serve. ========================================================= */ .featherlight-iframe .featherlight-content{ overflow-y: hidden; } /* ========================================================= 36. VOCI NASCOSTE NEL WIDGET CATEGORIE (#categories-2) Portato dal CSS del sito vecchio il 12/08/2026: nel passaggio a Divi 5 questa regola non era arrivata, e nell'elenco categorie della sidebar sono ricomparse 27 voci che da anni erano nascoste. SELETTORI NUDI, IDENTICI ALL'ORIGINALE. NON RESTRINGERLI. Al primo tentativo erano stati chiusi dentro #categories-2, il widget della sidebar, per "non colpire tutto". Sbagliato: gli elenchi di categorie sono almeno DUE, in contenitori diversi -- #categories-2 il widget della sidebar .listcat l'elenco in fondo agli articoli singoli e restringendo al primo, sugli articoli ricomparivano tutte e 27 le voci. Verificato sul sito vecchio: la regola li' e' nuda apposta, e vale ovunque. NIENTE GUARDIA :not(:where(.gb-libreria *, .gb-sezione *)) qui, a differenza dei blocchi 13/26/35: quelle guardie servono dove il selettore e' generico (`li`, `article`) e potrebbe pescare dentro una sezione della libreria. `cat-item-NNN` no: e' una classe che genera WordPress per gli elenchi di categorie, con dentro il term_id reale. Nessuna sezione puo' portarla per sbaglio, quindi la guardia sarebbe rumore. TRE VOCI NASCONDONO SOLO I FIGLI (`li.cat-item-90 .children`): la voce resta visibile, sparisce il sottoelenco. Non e' una svista dell'originale. DUE DOPPIONI TOLTI: nel vecchio `cat-item-258` e `cat-item-1128` comparivano due volte nello stesso selettore. Da 28 voci a 27 uniche, stesso identico effetto. Gli id numerici non si toccano: sono i term_id reali delle categorie. Se un giorno una voce deve tornare visibile, si toglie la sua riga da qui. ========================================================= */ li.cat-item-1, li.cat-item-5, li.cat-item-15, li.cat-item-18, li.cat-item-21, li.cat-item-22, li.cat-item-258, li.cat-item-305, li.cat-item-317, li.cat-item-318, li.cat-item-319, li.cat-item-320, li.cat-item-321, li.cat-item-322, li.cat-item-325, li.cat-item-351, li.cat-item-352, li.cat-item-353, li.cat-item-452, li.cat-item-871, li.cat-item-1128, li.cat-item-1616, li.cat-item-2636, li.cat-item-3055, li.cat-item-90 .children, li.cat-item-2026 .children, li.cat-item-2635 .children { display: none !important; } /* ========================================================= 37. ELENCO CATEGORIE IN FONDO AGLI ARTICOLI (.listcat) Portate dal CSS del sito vecchio il 12/08/2026, poi RISCRITTE lo stesso giorno perche' nel frattempo e' stato raddrizzato il markup che le costringeva a essere storte. COM'ERA. sidebar.php passava il titolo dentro 'title_li', e wp_list_categories() restituisce in quel caso UN

che avvolge tutto, perche' si aspetta di finire dentro un

figlio diretto di un div

CATEGORIE

...le categorie...

Le regole del sito vecchio compensavano proprio quello: spegnevano il segno di elenco sull'

orfano e lo restituivano all'

. Markup valido, e queste regole tornano ordinarie: sono rimaste solo quelle che dicono davvero qualcosa sull'aspetto. E' sparita `.listcat li.first.categories { list-style:none }`: esisteva solo per spegnere un pallino che adesso non c'e' piu'. ⚠ SE UN GIORNO SI TORNA INDIETRO sul PHP, vanno ripristinate anche qui: l'originale sta in assets/style-vecchio.css, righe 52-55. L'ultima riga cita anche .widget_categories: e' il widget della sidebar (#categories-2), che il markup l'ha sempre avuto regolare perche' lo stampa WordPress. Lasciata com'era. ========================================================= */ .listcat ul { list-style: disc; margin-left: 15px; } .listcat ul li { margin-top: 5px; } .listcat ul.children, .widget_categories ul.children { margin-top: 0; } /* ========================================================= 38. WIDGET CATEGORIE E PAGINAZIONE (sidebar e archivi) Portate dal CSS del sito vecchio il 12/08/2026. Nel passaggio a Divi 5 non erano arrivate, e si vedeva: l'elenco categorie della sidebar senza rientro ne' dischetti e coi link del colore sbagliato, e la paginazione ridotta a numeri nudi invece dei pallini tondi. ⚠ DUE REGOLE IN CONFLITTO NELL'ORIGINALE, tenute com'erano. Nel CSS vecchio .widget_categories ul e' dichiarata DUE volte, a riga 182 e a riga 778, con rientri diversi: riga 182: list-style: disc !important; margin-left: 15px riga 778: list-style-type: disc; padding-left: 45px Non si annullano: la prima usa margin, la seconda padding, e valgono entrambe -- il rientro reale e' la somma. Con !important solo sulla prima. Riprodotto identico: "sistemarlo" cambierebbe il rientro di una sidebar che oggi e' online e va bene cosi'. LA PAGINAZIONE E' A PALLINI TONDI, non a numeri. Tre cose da sapere: - "Pagina 1 di 97" e le frecce prec/succ sono NASCOSTE di proposito; - i pallini sono 40x40 con border-radius:100% e line-height:40px -- le tre misure vanno insieme, cambiarne una sola sforma il cerchio; - l'arancione dell'attivo e' #feaa29, che NON e' --gb-arancio (#F07E00). Somigliano, non sono lo stesso colore: non "correggerlo". Il blu #C0D3E1 dello sfondo e #2B689E dell'hover: il secondo e' il token, il primo no (e' un azzurro chiaro senza corrispondenza) e resta letterale. ========================================================= */ /* --- widget categorie della sidebar --- */ .widget_search .widgettitle, .widget_categories .widgettitle { text-transform: uppercase; color: #2B689E; } .widget_categories ul { list-style: disc !important; margin-left: 15px; } .widget_categories ul { list-style-type: disc; padding-left: 45px; } .widget_categories ul li { margin-bottom: 0 !important; margin-top: 5px !important; } .widget_categories ul li a { font-weight: 400 !important; color: #2B689E !important; } /* --- paginazione WP-PageNavi --- */ .wp-pagenavi { text-align: center; } .wp-pagenavi a, .wp-pagenavi span { border: none !important; } .wp-pagenavi span.pages, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink { display: none !important; } .wp-pagenavi a { color: #fff; font-size: 18px !important; font-weight: 600 !important; background: #C0D3E1; padding: 0px; border-radius: 100%; line-height: 40px; width: 40px; height: 40px; display: inline-block; } .wp-pagenavi a:hover { color: #2B689E !important; } .wp-pagenavi span.current { color: #fff !important; font-size: 18px !important; font-weight: 600 !important; background: #feaa29; padding: 0px; border-radius: 100%; line-height: 40px; width: 40px; height: 40px; display: inline-block; } /* ========================================================= 39. LARGHEZZE DI CONTENUTO E SIDEBAR (articoli e archivi) Portate dal CSS del sito vecchio il 12/08/2026. Senza, valgono le proporzioni di serie di Divi (79% / 21%) e la colonna destra risulta troppo stretta rispetto al sito vero. ⚠ MODIFICATO RISPETTO ALL'ORIGINALE, su richiesta: la sidebar passa da 30% a 27% (e il contenuto da 70% a 73%). E' l'unica differenza voluta. ⚠⚠ TRE NUMERI ACCOPPIATI, non tre valori indipendenti: #left-area width 73% #sidebar width 27% .container:before right 29% <- il filetto grigio verticale Il filetto NON e' un bordo della sidebar: e' uno pseudo-elemento su #main-content .container, posizionato a destra in percentuale. Deve cadere nella gronda fra le due colonne, cioe' dentro il padding-right:40px del contenuto. Nell'originale era 30% di sidebar e 32% di filetto: due punti piu' a sinistra del confine. Qui 27% + 2 = 29%, stesso scarto. SE CAMBI UNA LARGHEZZA, RICALCOLA IL FILETTO: sidebar% + 2. Altrimenti la riga resta dov'era e si stacca dalla gronda, e nessuno capisce perche'. LE SOGLIE 980/981 RESTANO QUELLE DELL'ORIGINALE. Nel design system sarebbero fuori standard (REGOLE 4.11 ammette solo 980 e 767) ma questo e' legacy: qui si riproduce, non si normalizza. Il linter infatti non controlla questo file. ========================================================= */ /* la gronda a sinistra della sidebar, fuori dalle media query come nell'originale */ #sidebar { padding-left: 15px !important; } @media (max-width: 980px) { #left-area, #sidebar { width: 100% !important; } } @media (min-width: 981px) { #left-area { padding-bottom: inherit; width: 73%; padding-right: 40px; } #sidebar { padding-bottom: inherit; width: 27%; } /* il filetto grigio fra contenuto e sidebar */ .et_right_sidebar #main-content .container:before { right: 29% !important; } #main-content .container:before { content: ""; position: absolute; top: 0; height: 100%; width: 1px; background-color: #e2e2e2; } /* pagine a tutta larghezza: il contenuto si riprende tutto */ .et_full_width_page #left-area, .et_no_sidebar #left-area { float: none; width: 100% !important; } .et_full_width_page #left-area { padding-bottom: 0; } } /* ===================================================================== 40. FOOTER (numero assegnato il 16/09/2026, NON viene dall'originale) ===================================================================== PERCHE' IL NUMERO E' NUOVO: i blocchi 1-39 riprendono la numerazione del CSS originale del sito vecchio. Quell'originale numerato pero' NON e' in cartella: cercato il 16/09/2026 in style-vecchio.css, nel style.css del child vecchio, nel CSS obsoleto e nel pannello Integrazione, zero intestazioni numerate. I numeri 1-39 esistono solo dentro questo file. Quindi al footer non si poteva dare un numero originale senza inventarlo: 40 e' assegnato qui, ed e' dichiarato per non far credere il contrario. COSA COPRE: tutte le regole sul footer che stavano in style-vecchio.css, cioe' nell'interruttore diagnostico, e che quindi sul sito NON si vedevano piu' a interruttore spento. Verificato da Giuseppe con ?vecchio=1. NOTA SUI COLORI: il #ffffff qui non e' un colore di marca, e' bianco puro su fondo scuro. Resta letterale come tutto il resto del file. ===================================================================== */ /* -- la riga di copyright in fondo (#footer-info e' nativo di Divi) ----- */ #footer-info p { font-size: 14px; text-align: center; text-align-last: center; font-weight: 300; color: #ffffff; } #footer-info a { color: #ffffff; } #footer-info { float: none; } /* -- le liste dentro i widget del footer ------------------------------- */ .footer-widget ul li { font-size: 14px; text-align: left; } /* -- lo sfondo della fascia widget ------------------------------------- */ /* L'immagine di sfondo era gia' commentata nell'originale: lasciata com'era, perche' toglierla sarebbe una decisione, non un travaso. */ footer#main-footer #footer-widgets { /*background-image: url(https://www.softwaregb.it/wp-content/uploads/gb-footer.png);*/ background-repeat: no-repeat; background-size: contain; background-position: center; } /* -- le icone social --------------------------------------------------- */ .footer-social-icon a { margin: 0 5px; } /* -- le pagine che NON devono mostrare la fascia widget ----------------- */ /* Elenco di page-id copiato alla lettera dall'originale: 47 id, di cui DUE disattivati dentro il selettore stesso (55318 e 55819, cioe' la pagina prezzi). Quel commento a meta' selettore NON e' un refuso: e' il modo in cui su quelle due pagine il footer e' stato rimesso. Non "pulirlo". La riga e' lunga apposta: e' incollata identica, non riscritta. */ .page-id-52973 #footer-widgets, .page-id-52872 #footer-widgets, .page-id-52919 #footer-widgets, .page-id-52931 #footer-widgets, .page-id-52895 #footer-widgets, .page-id-52926 #footer-widgets, .page-id-52889 #footer-widgets, .page-id-52879 #footer-widgets, .page-id-52913 #footer-widgets, .page-id-52937 #footer-widgets, .page-id-52904 #footer-widgets, .page-id-3731 #footer-widgets, .page-id-53242 #footer-widgets, .page-id-52973 #footer-widgets, .page-id-22045 #footer-widgets, .page-id-17 #footer-widgets, .page-id-60270 #footer-widgets, /*.page-id-55318 #footer-widgets, .page-id-55819 #footer-widgets,*/ .page-id-60787 #footer-widgets, .page-id-60877 #footer-widgets, .page-id-60924 #footer-widgets, .page-id-60978 #footer-widgets, .page-id-242718 #footer-widgets, .page-id-242751 #footer-widgets, .page-id-242780 #footer-widgets, .page-id-242785 #footer-widgets, .page-id-242796 #footer-widgets, .page-id-242800 #footer-widgets, .page-id-242817 #footer-widgets, .page-id-242834 #footer-widgets, .page-id-242849 #footer-widgets, .page-id-242854 #footer-widgets, .page-id-242884 #footer-widgets, .page-id-242936 #footer-widgets, .page-id-242954 #footer-widgets, .page-id-242965 #footer-widgets, .page-id-242986 #footer-widgets, .page-id-243012 #footer-widgets, .page-id-243029 #footer-widgets, .page-id-243387 #footer-widgets, .page-id-243405 #footer-widgets, .page-id-245739 #footer-widgets, .page-id-987498133 #footer-widgets, .page-id-987498154 #footer-widgets, .page-id-987507111 #footer-widgets, .page-id-987516447 #footer-widgets, .page-id-987516449 #footer-widgets {display:none;}