Personalizzare pagina input dati 
Autore: B. Sforzini
Visite 1265,
Followers 1,
Condiviso 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
Postato il
Certo! puoi modificare sfondo e bordi e altro in stile cella...
Autore
Ciao Giorgio
Hem, di quale cella parli? Le pagine di input dati non si vedono nella mappa.
Quella del modulo
Ho capito male?
Autore
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)
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
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.
Hai ragione Giuseppe, credevo fosse un modulo creato dall'utente.
Autore
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.
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...
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...
...screenshot...
Autore
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
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>
Autore
funziona