WebSite X5Help Center

 
Sci S.
Sci S.
User

Allineamento del testo nel campo Dettagli del prodotto  it

Autore: Sci S.
Visite 316, Followers 1, Condiviso 0  

Nella pagina "Scheda prodotto", sezione "Dettagli", sopprattutto in modalità smatphone, il testo si allinea troppo al margine sinistro e non trovo la possibilità di intervenire. Il problema non si manifesta nel caso in cui in aggiunta a"Scheda 1" creo una ulteriore scheda (va bene anche vuota).
 
https://sovilu.altervista.org

Postato il
6 RISPOSTE - 1 UTILE - 1 CORRETTO
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

... se ti riferisci ad una pagina tipo > questa, ... 

se non riesci con le opzioni del programma allora potresti farlo con semplice CSS EXTRA, e se ti interessasse questo avvisami…

... se si trattasse di altro tipo di pagina, indica quale verificare...

...!...attenzione...!...
... nella pagina che ho linkato hai un testo mal formattato, contenente spazi vuoti fantasma che ti sballano il layout della pagina. ...forse dovuto a copia/incolla da terze parti...
... il testo errato è questo, nella sezione descrizione:
Materiale Esterno

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Sci S.
Sci S.
User
Autore
 ‪ KolAsim ‪ ‪
... se ti riferisci ad una pagina tipo > questa, ...  se non riesci con le opzioni del programma allora potresti farlo con semplice CSS EXTRA, e se ti interessasse questo avvisami… ... se si trattasse di altro tipo di pagina, indica quale verificare... ...!...attenzione...!... ... nella pagina che ho linkato hai un testo mal formattato, contenente spazi vuoti fantasma che ti sballano il layout della pagina. ...forse dovuto a copia/incolla da terze parti... ... il testo errato è questo, nella sezione descrizione: Materiale Esterno .

Si! Proprio quelle. Nella visione da smartphone il testo è tutto a sinistra. Ho già cercato tra i comandi dell'applicativo qualcosa da utilizzare ma non ho trovato niente sul controllo dei margini, perciò il tuo aiuto è ben gratito.

Leggi di più
Postato il da Sci S.
Sci S.
Sci S.
User
Autore

grazie per la segnalazione sul testo fuori allineamento

Leggi di più
Postato il da Sci S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
Sci S.
‪ KolAsim ‪ ‪ ... ... ... non ho trovato niente sul controllo dei margini, perciò il tuo aiuto è ben gratito.

... OK ... questo codice si attiva alla risoluzione di 480 pixel e applica un margine di 10px:

<style>
@media (max-width: 480px) {
#im-product-container {padding:10px !important}}
</style>

_______________________________________

>> Passo 3 - Mappa > Finestra 'Proprietà Pagina' > Le opzioni della Sezione Esperto >
Codice personalizzato: > 3^ opzione > Prima della chiusura del tag HEAD

.

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Sci S.
Sci S.
User
Autore
 ‪ KolAsim ‪ ‪
Sci S. ‪ KolAsim ‪ ‪ ... ... ... non ho trovato niente sul controllo dei margini, perciò il tuo aiuto è ben gratito. ... OK ... questo codice si attiva alla risoluzione di 480 pixel e applica un margine di 10px: <style> @media (max-width: 480px) { #im-product-container {padding:10px !important}} </style> _______________________________________ >> Passo 3 - Mappa > Finestra 'Proprietà Pagina' > Le opzioni della Sezione Esperto > ▪Codice personalizzato: > 3^ opzione > Prima della chiusura del tag HEAD . ciao .


Perfetto! Ho inserito il codice nella pagina E-commerce: scheda prodotto togliendo la specifica (max-width: 480px) in quanto  sul mio monitor (27") l'eccessivo allineamento a sinistra si vede con ogni risoluzione. Con questo allineamento la leggibilità dei contenuti la vedo migliorata. Mi dai conferma?

Leggi di più
Postato il da Sci S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
Sci S.
‪ KolAsim ‪ ‪ ... ... ...  Con questo allineamento la leggibilità dei contenuti la vedo migliorata. Mi dai conferma?

...  ho controllato; ...adesso è   OK ...   

... per applicarlo in tutti i breakpoint va  bene come hai fatto tu, altrimenti anche:

<style>#im-product-container {padding:10px !important}</style>

.

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪