Soporte » Plugins y Hacks » Personalizar Contact form 7

  • Resuelto Ans_ailu

    (@ans_ailu)


    Hola! Estoy haciendo un blog en wordpress y quería personalizar el formulario de contacto Contact Form 7. El tema que estoy usando se llama «Portal» e incluye por defecto un apartado para customizar el css. Ahí pegué un código con el que conseguí personalizar el formulario como yo quería, pero hoy intentado cambiar otra cosa, de repente se ha desconfigurado el formulario. He borrado lo nuevo que habia puesto y repasado lo que tenía. Pero no encuentro el error. Si pudierais ayudarme os lo agradeceré muchisimo. La página es mesientamal.es y el código que tengo puesto es:

    form.wpcf7-form {
    background-color: #266d08;
    text-align: center;
    }

    input#formname, #emailform, #subject, #message {
    width:75%%;
    margin-top: 30px;
    margin-bottom: 5px;
    }

    input#formname {
    margin-top: 20px;
    }

    input.wpcf7-form-control.wpcf7-submit{
    margin-bottom: 20px;
    color: #fff;
    background-color: #34b704;
    width: 50%;
    }

    input.wpcf7-form-control.wpcf7-submit input:hover[type=»button»], input:hover[type=»reset»], input:hover[type=»submit»], .button:hover, .entry-content .button:hover {
    background-color: #a6dd8e;
    }

    span.wpcf7-form-control-wrap.your-message{
    background-color: #000;
    margin-bottom: 20px;
    width: 50%;
    }

    button, input, select, textarea {
    margin: 0;
    width: 80%;
    }

    #aceptacion {
    align: left;
    color: #fff;
    }

    span.wpcf7-not-valid-tip {
    background: none repeat scroll 0 0 #fff;
    color: #f00;
    display: block;
    font-size: 1em;
    }

    div.wpcf7-validation-errors {
    background: none repeat scroll 0 0 #fff;
    border: 8px solid #266d08;
    color: #f00;
    }

    span.wpcf7-not-valid-tip {
    background: none repeat scroll 0 0 #fff;
    border: 5px solid #266d08;
    color: #f00;
    display: block;
    font-size: 1em;
    }

    input, textarea, select {
    color: #266d08;
    font-size: 12px;
    padding: 11px 12px;
    }

    Muchas gracias!

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Hola Ans_ailu,
    Viendo el código fuente de tu sitio web, justo encima del código css que has puesto en tu pregunta hay una apertura de llaves sin cerrar, para .sidebar.c-4-12 a te falta cerrar con }

    Esto es lo que tienes:

    .sidebar.c-4-12 a {
        color: #266d08;
    
    /* Contact 7 Forms
    --------------------------------------------- */

    Esto es lo que deberías tener:

    .sidebar.c-4-12 a {
        color: #266d08;
     }
    
    /* Contact 7 Forms
    --------------------------------------------- */
    Iniciador del debate Ans_ailu

    (@ans_ailu)

    Hola lucymtc!! Me has salvado la vida, no lo veía por mucho que miraba! Muchísimas gracias de verdad!!Saludos!!

    Me alegro! 🙂

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • El debate ‘Personalizar Contact form 7’ está cerrado a nuevas respuestas.