WebSite X5Help Center

 
B. Sforzini
B. Sforzini
User

Personalizzare pagina input dati  it

Autor: B. Sforzini
Visitado 1272, Seguidores 1, Compartilhado 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

Publicado em
15 RESPOSTAS - 1 ÚTIL - 1 CORRIGIR
Giorgio C.
Giorgio C.
User

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

Ler mais
Publicado em de 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.

Ler mais
Publicado em de B. Sforzini
Giorgio C.
Giorgio C.
User

Quella del modulo

Ler mais
Publicado em de Giorgio C.
Giorgio C.
Giorgio C.
User

Ho capito male?

Ler mais
Publicado em de 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)

Ler mais
Publicado em de 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

Ler mais
Publicado em de 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.

Ler mais
Publicado em de Giuseppe Guida
Giorgio C.
Giorgio C.
User

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

Ler mais
Publicado em de 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.

Ler mais
Publicado em de 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...

Ler mais
Publicado em de 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...

Ler mais
Publicado em de Skeggia 12
Skeggia 12
Skeggia 12
Moderator

...screenshot...

Ler mais
Publicado em de 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

Ler mais
Publicado em de 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>

Ler mais
Publicado em de Giorgio C.
B. Sforzini
B. Sforzini
User
Autor

funziona

sealed

Ler mais
Publicado em de B. Sforzini