WebSite X5Help Center

 
Sci S.
Sci S.
User

Allineamento del testo nel campo Dettagli del prodotto  it

Autor: Sci S.
Besucht 320, Followers 1, Geteilt 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

Gepostet am
6 ANTWORTEN - 1 NüTZLICH - 1 KORREKT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats 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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Sci S.
Sci S.
User
Autor
 ‪ 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.

Mehr lesen
Gepostet am von Sci S.
Sci S.
Sci S.
User
Autor

grazie per la segnalazione sul testo fuori allineamento

Mehr lesen
Gepostet am von Sci S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats 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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Sci S.
Sci S.
User
Autor
 ‪ 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?

Mehr lesen
Gepostet am von Sci S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats 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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪