WebSite X5Help Center

 
Sci S.
Sci S.
User

Allineamento del testo nel campo Dettagli del prodotto  it

Auteur : Sci S.
Visité 323, Followers 1, Partagé 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

Posté le
6 RéPONSES - 1 UTILES - 1 CORRECT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois 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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Sci S.
Sci S.
User
Auteur
 ‪ 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.

Lire plus
Posté le de Sci S.
Sci S.
Sci S.
User
Auteur

grazie per la segnalazione sul testo fuori allineamento

Lire plus
Posté le de Sci S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois 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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Sci S.
Sci S.
User
Auteur
 ‪ 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?

Lire plus
Posté le de Sci S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois 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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪