Disattivare lo stili righe nella versione smatphone
Author: Giovanni L.
Visited 1449,
Followers 2,
Shared 0
Buonasera Vi chiedo se è possibile disattivare lo STILE RIGHE nelle versioni per smatphone... grazie
Posted on the
scusa cosa intendi ?
cosa vorresti che non venga mostrato ?
se vuoi disattivare lo STILE RIGHE nelle versioni per smatphone, dovresti usare del codice esterno...
Author
Mirko grazie per la risposta che in parte mi hai dato.... mi serve possibilmente a soluzione GRAZIE
il sito in questione è il seguente http://www.vinifieramosca.com
Ciao Giovanni, non so se è possibile eliminare lo stile righe, ma volendo puoi sostituire l'immagine ad un certo breackpoint, con uno differente o eliminarla, ad esempio su questo template a 719px l'immagine della ragazza viene sostituita con colore rosso su tutta la ROW https://www.giancarloweb.it/template/working-wmm/
con le nuove versione in CSS Grid non ho ancora provato, comunque se vuoi provare trovi il codice sorgente con descrizione al link sopra.
Giancarlo.
... con la v.PRO! ...è possibile creare una versione del sito prettamente orientata alle risoluzioni basse (mobile)...
.
Author
Preziosi consigli, ma credetemi non riesco a capire dove posso disattivare o cambiare con un colore piatto le immagini inserite nelle sezione STILE RIGHE... ancora grazie
Capisco Giovanni, se vuoi per valutare meglio il comportamento ti invio un progettino dove la prima immagine (ROW1) ad un certo breackpoint sparisce ed al suo posto compare uno sfondo colorato.
Fammi sapere, ciao.
... quelle di sfondo delle righe le puoi eliminare in un colpo solo...
... hai l'ultimo breakpoint a 720px (!)...
... hai del testo poco o per niente contrastato...!... (rif. pagina > linea-cru.html)
... codice da incollare nella sezione Esperto delle Proprietà della Pagina, Codice personalizzato, opzione: Prima della chiusura del TAG /HEAD:
... senza sfondo delle righe:
<style>@media (max-width: 719px) {div[id^='imPageRowGraphics_'] { background: url(none) !important;}}</style>
... con sfondo delle righe colorato:
<style>@media (max-width: 719px) {div[id^='imPageRowGraphics_'] { background:tomato url(none) !important;}}</style>
.
--- ho
Buongiorno, veniamo all'esempio del progetto che ti allego.
Per facilitare il test utilizzo la prima Riga (ROW), su entrambi gli esempi quindi il primo stile righe su ogni pagina.
Sulla Home, scendendo sotto i 719px al posto dell'immagine viene inserito uno sfondo rosso.
Sulla pagina About, sempre sotto i 719px viene inserita una nuova immagine, in questo caso, visto che lo stile righe non è responsive si può giocare sulla dimensione dell'immagine nuova per renderla visibile correttamente sui mobile.
Troverai i codici in proprietà di pagina (rispettive pagine) sezione esperto.
Attenzione a identificare la ROW corretta, due Righe (ROW) legate anche se due, essendo legate valgono per una, vedi questo semplice tutorial: https://www.giancarloweb.it/blog/index.php?stile-delle-righe--row-
Buon divertimento.
Giancarlo.
link per scaricare il progetto test https://we.tl/t-db10zE1oD4
Author
Grazie KolAsim e Giancarlo.... grazie per i preziosi consigli