WebSite X5Help Center

 
B. Sforzini
B. Sforzini
User

Personalizzare pagina input dati  it

Autor: B. Sforzini
Besucht 1271, Followers 1, Geteilt 0  

Buongiorno

Ho inserito una pagina di E-commerce (a livello di prova) http://www.bagnoarcobaleno.com/cart/index.html#step2 ma avrei la necessità di personalizzare le intestazioni delle caselle di input percè con lo sfondo immagine si confondono o non si vedono.

le celle di input dati (anche le altre come quella della gestione accessi) si possono editare come quelle normali, magari applicando uno sfondo uniforme? (senza dover modificare quello generele del sito)

Grazie

Gepostet am
15 ANTWORTEN - 1 NüTZLICH - 1 KORREKT
Giorgio C.
Giorgio C.
User

Certo! puoi modificare sfondo e bordi e altro in stile cella...

Mehr lesen
Gepostet am von Giorgio C.
B. Sforzini
B. Sforzini
User
Autor

Ciao Giorgio

Hem, di quale cella parli? Le pagine di input dati non si vedono nella mappa.

Mehr lesen
Gepostet am von B. Sforzini
Giorgio C.
Giorgio C.
User

Quella del modulo

Mehr lesen
Gepostet am von Giorgio C.
Giorgio C.
Giorgio C.
User

Ho capito male?

Mehr lesen
Gepostet am von Giorgio C.
B. Sforzini
B. Sforzini
User
Autor

Non so, mi sembra che parliamo due lingue diverse... la pagina è quella (che io ho allegato), ma come fai a richiamarla per editare per esempio lo sfondo?

oppure a cambiare il colore e lo sfondo dei caratteri della intestazione dei campi (per capirci quelli che sono a sinistar delle caselle da compilare e che adesso sono in nero sullo sfondo della foto)

Mehr lesen
Gepostet am von B. Sforzini
Giorgio C.
Giorgio C.
User

Apri il modulo invia E-Mail nel tuo progetto e vai al Tab Stile e modifichi i campi di testo e pulsanti

Per quanto riguardo lo sfondo del modulo lo modifichi in stile cella

Mehr lesen
Gepostet am von Giorgio C.
Giuseppe Guida
Giuseppe Guida
User

Ho l'impressione che quello sia il modulo creato un automatico da Website durante il processo di acquisto. I colore testi non é modificabile dallo stile cella o dal modulo mail. Puoi andare al Passo 2 Personalizzazione/Stile testi..  Ma poi ti cambia il colore per tutti i testi che utilizzi nel sito... 

A mio avviso (se non sai come agire con del codice apposito per variare il colore solo di quei testi) ti conviene eliminare lo sfondo pagina per quella pagina e lasciarlo bianco.

Mehr lesen
Gepostet am von Giuseppe Guida
Giorgio C.
Giorgio C.
User

Hai ragione Giuseppe, credevo fosse un modulo creato dall'utente. 

Mehr lesen
Gepostet am von Giorgio C.
B. Sforzini
B. Sforzini
User
Autor

Giuseppe, hai ragione, è proprio così.

Ma non si può eliminare lo sfondo PER QUELLA PAGINA, quello è lo sfondo del sito ed è uguale in tutte le pagine.

Ho lo stesso problema in altri progetti che prevedono una immagine come sfondo.

Serve una soluzione per richiamare la pagina di input ..dallo staff.

Mehr lesen
Gepostet am von B. Sforzini
Skeggia 12
Skeggia 12
Moderator

lo dico a sensazione, in quanto non sono molto esperto di ecommerce, quindi..
le modifiche le potresti fare via codice, andando in anteprima, ispeziona codice, andando a ricavare gli id dei vari elementi da modificare... se troppo complicato, come non detto...

Mehr lesen
Gepostet am von Skeggia 12
Skeggia 12
Skeggia 12
Moderator

Non avevo visto che hai pubblicato un link... prova questi, al passo 1, impostazioni, avanzate, tab esperto, prima della chiusura del tag head...

<style>
#imCartContainer .userForm caption {color:red;}
#imCartContainer .userForm label{color:red;}
#imCartContainer .userForm {background-color:cyan;} oppure
{background-color:rgba(100,100,100,0.5);}
</style>
per avere un colore in trasparenza...

Mehr lesen
Gepostet am von Skeggia 12
Skeggia 12
Skeggia 12
Moderator

...screenshot...

Mehr lesen
Gepostet am von Skeggia 12
B. Sforzini
B. Sforzini
User
Autor

Ciao Skeggia 12

direi che funziona egergiamente...

Mi serve anche un suggerimento per la riga di testo sotto al menu, che non ho scritto io, compare da sola.

Grazie

Mehr lesen
Gepostet am von B. Sforzini
Giorgio C.
Giorgio C.
User

Ciao, sostituisci

#imCartContainer .userForm {background-color:cyan;}

con

#imCartContainer  {background-color:cyan;} 

e aggiungi

#imCartContainer p{color:red;}

Lo stile completo è

<style>
#imCartContainer .userForm caption {color:red;}
#imCartContainer .userForm label{color:red;}
#imCartContainer p{color:red;}
#imCartContainer  {background-color:cyan;}
</style>

Mehr lesen
Gepostet am von Giorgio C.
B. Sforzini
B. Sforzini
User
Autor

funziona

sealed

Mehr lesen
Gepostet am von B. Sforzini