Salve Antonio!
puoi scrivere l’url del sito in oggetto? Così ti fornisco un CSS specifico per il tuo sito da mettere nel pannello del tema (che non si perderà con gli aggiornamenti)
ho montato una demo a questo indirizzo: href=”https://caffecommerce.websocialmedia.it/caffeteria la pagiana l’ho inserita con il plugin divi bulder, se vuole posso fornire anche user e password, grazie di tutto, buona serata.
Ciao di nuovo,
ecco il codice CSS che ti serve:
.container, .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container, .wp-block-group__inner-container {
max-width: 100%;
}
#content > .container {
padding: 0;
}
Per aggiungerlo vai in Dashboard > Aspetto > Personalizza > CSS Aggiuntivo e inseriscilo.
Faccu sapere se funziona come ti aspetti 😉
Se dovessi avere problemi di spaziature ai bordi, rimuovi l’ultima regola (quella del solo padding)
Ho provato il codice che lei mi ha fornito, su due demo del tema prometeo, Food Store e Classic Shop. Su Food Store funziona bene su Firefox,
mentre su Google Chrome al lato destro della barra di scorrimento ci sono pochi millimetri di spazio bianco, il problema non si presenta sul tema Classic Shop.
Ho provato tutte le combinazioni possibili in entrabi i temi in ▸ CSS aggiuntivo, ho provato a togliere la stringa #content > .container { padding: 0; } come lei mi ha suggerito, togliendola c’è più spazio ai lati su entrambi i temi.
Poi sempre su Google Chrome in entrambi i temi dove c’è il video con la tazza del caffè al lato del video mi compare una piccola striscia bianca solo sul lato destro, questo potrebbe anche dipendere dal plugin bulder divi, su firefox funziona bene.
Infine volevo segnalare che aggiungendo il codice da lei fornito il menu si allarga portando l’icona del carrello troppo a destra, anche se ho abilitato di default in personalizza header a larghezza piena Su NO.
Lo stesso problema si verifica anche se si abilita in Personalizza su SI header a larghezza piena non inserendo il codice da lei fornito.
Grazie di tutto, per cortesia, disponibilità e professionalità, buona serata.
Mi scusi avro fatto un po di confusione, nel fare le tante prove, ho disabilitato anche qualche plugin, ora funziona tutto bene anche su su Google Chrome, per il resto rimane tutto quello che ho scritto nel post precedente, grazzie ancora.
Salve,
l’header deve essere quindi esclusa da questo comportamento full width?
Si sarebbe l’ideale, cosi ho due codici e posso sempre cambiare, grazie ancora
Modifica le regole precedenti così
#content .container, .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container, .wp-block-group__inner-container {
max-width: 100%;
}
#content > .container {
padding: 0;
}
e hai risolto tutti i problemi.
La modifica alle regole consiste nell’aggiungere #content alla prima regola di .container, così da limitare la larghezza piena al solo contenuto di pagina escludendo header e footer
Grazie, funziona perfettamente!! E’ anche possibile aggiungere il codice alla singola pagina di divi con il builder visivo, e decidere quale pagina deve essere in full width, lasciando le altre pagine a grandezza normale, basta cliccare sull’icona a forma di ingranaggio in fondo alla pagina. Lascio qualche indicazione per chi usa come me divi builder plugin.
Modifica con Divi->Impostazione pagina->Avanzate->-css personalizzato, incolla il codice.
Edit With-> Divi-Page Settings->Advanced-custom css, paste the code.
