Visualizzazione dei risultati da 1 a 10 su 10
  1. #1

    Cambiare colore testo bottone submit di un modulo

    In wordpress utilizzo il modulo cformII e vorrei cambiare il colore del testo del bottone di invio del modulo.

    Questa è la parte di codice interessata, non riesco a far cambiare il colore:


    /* */
    /* FORM submit button */
    /* */

    p.cf-sb {
    padding: 0!important;
    margin: 0;
    text-align:right;
    }
    .cform input.sendbutton {
    width:150px;
    padding:5px;
    margin: 5px 3px 4px 0pt;
    font-size:1em;
    font-weight:bold;
    background:url(../images/button-bg.gif) repeat-x;
    border:1px solid #adadad!important;
    border-left-color:#ececec!important;
    border-top-color:#ececec!important;
    }

    Cosa devo fare?

  2. #2
    Nella classe "cform input.sendbutton" dovresti aggiungere

    codice:
    color: quello che vuoi;

  3. #3
    Ok grazie.
    Il form è questo
    http://www.mauromichelini.it/quesiti-on-line/

    Uso Firefox, non riesco a togliere la sfumatura che c'è nel font del bottone, che comunque ora è nero.

    Poi usando Explorer invece, il bordo arancione non è completo, nella parte alta non c'è; inoltre il testo sul bottone si allinea male, in basso.


  4. #4
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    Per togliere la sfumatura basta che vai alla riga 73 del foglio stile e togli il text-shadow.

    Per la questione del bordo non so, su IE9 lo vedo normale, forse su altre versioni di IE c'è il problema da te riscontrato. Vedo invece il testo allineato male nel bottone ma in realtà anche su Chrome si vede male. Prova a vedere se dappertutto si risolve mettendo in
    .cform input.sendbutton un padding:0 anzichè a 5px

  5. #5
    Tolto text-shadow, rimande l'omba sul pulsante.

    Col padding:0 mi sembra ora a posto il testo del bottone.

    Per il bordo arancione, potrei anche risolvere togliendolo...
    devo pensarci ma quasi quasi lo farei

  6. #6
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    ma per "ombra sul pulsante" intendi la sfumatura grigetta? Se sì, basta togliere/cambiare il background di quella classe.

  7. #7
    Originariamente inviato da ResianTaxidrive
    ma per "ombra sul pulsante" intendi la sfumatura grigetta? Se sì, basta togliere/cambiare il background di quella classe.
    In Firefox "invia quesito" ha un'ombra e quella vorrei togliere perché si vede solo con Firefox.

  8. #8
    Alla fine ho tolto completamente il bordino così si vede tutto uguale indipendentemente dal browser. Anche il tasto con firefox ora si vede bene.

    Una domanda: è possibile allargare l'area del messaggio, allineandola agli altri campi?
    Non riesco a trovare il modo provando a cambiare le larghezze nel css del form.

  9. #9
    In questo momento il sito è irraggiungibile

  10. #10
    Originariamente inviato da partime
    In questo momento il sito è irraggiungibile
    Ho problemi con l'hosting, devo cambiarlo....
    Ora dovrebbe essere online.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.