WebSite X5Help Center

 
B. Sforzini
B. Sforzini
User

Personalizzare pagina input dati  it

Author: B. Sforzini
Visited 1295, Followers 1, Shared 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

Posted on the
15 ANSWERS - 1 USEFUL - 1 CORRECT
Giorgio C.
Giorgio C.
User

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

Read more
Posted on the from Giorgio C.
B. Sforzini
B. Sforzini
User
Author

Ciao Giorgio

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

Read more
Posted on the from B. Sforzini
Giorgio C.
Giorgio C.
User

Quella del modulo

Read more
Posted on the from Giorgio C.
Giorgio C.
Giorgio C.
User

Ho capito male?

Read more
Posted on the from Giorgio C.
B. Sforzini
B. Sforzini
User
Author

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)

Read more
Posted on the from 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

Read more
Posted on the from 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.

Read more
Posted on the from Giuseppe Guida
Giorgio C.
Giorgio C.
User

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

Read more
Posted on the from Giorgio C.
B. Sforzini
B. Sforzini
User
Author

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.

Read more
Posted on the from 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...

Read more
Posted on the from 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...

Read more
Posted on the from Skeggia 12
Skeggia 12
Skeggia 12
Moderator

...screenshot...

Read more
Posted on the from Skeggia 12
B. Sforzini
B. Sforzini
User
Author

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

Read more
Posted on the from 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>

Read more
Posted on the from Giorgio C.
B. Sforzini
B. Sforzini
User
Author

funziona

sealed

Read more
Posted on the from B. Sforzini