• Resuelto alvarocamus

    (@alvarocamus)


    Buenas tardes comunidad.

    Les cuento, actualmente tengo de la siguiente forma mi formulario de contacto:
    [IMG]http://i44.tinypic.com/t8p62u.png[/IMG]
    con el tema que tengo (pulp) el texto es en la izquierda y luego completar la información a la derecha con el cuadro.

    pero con los temas free de wordpress se ve de la siguiente forma:
    [IMG]http://i44.tinypic.com/j95a92.png[/IMG]
    el texto arriba y para completar abajo.

    en la plantilla pulp, incorpora un css para contact form 7:

    /*form*/
    
    div.wpcf7 {
        margin: 0;
        padding:0 0 25px 0 !important
    }
    
    .wpcf7 p span{
        position: relative;
        margin-top: -32px;
        padding-left: 132px;
        display: block;
    }
    
    .wpcf7 p{
        margin: 0;
        padding: 6px 0 0 0;
        font-weight: normal;
        clear: both;
    }
    
    .wpcf7 input,.wpcf7 textarea{
        width: 310px;
        margin-bottom: 20px;
        float: left;
        background-color: #FFF;
        border:1px solid #C9E4FE;
        padding: 10px;
        font-family: inherit;
        font-size: inherit;
    }
    .wpcf7 .wpcf7-submit{
        margin-left: 132px;
        text-transform: uppercase;
        font-size: 14px;
        border-radius: 3px;
        padding: 2px 6px;
        text-decoration: none;
        text-align: center;
        width: auto;
    }

    me gustaría saber como puedo lograr que se vea como el template free de wordpress.
    agradecería bastante la ayuda, ya que con los checkbox de contact form 7, se desconfigura el formulario.. 🙁

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Saludos,

    copia esas reglas en tu nuevo tema (puedes utilizar un tema hijo o mediante el editor css de Jetpack)

    Lo importante es el float left de .wpcf7 input,.wpcf7 textarea

    Saludos

    Iniciador del debate alvarocamus

    (@alvarocamus)

    A través del jetpack tu me indicas que se puede realizar ese cambio que solicito?
    podrias explicarme un poco mejor que no entendí muy bien 🙁

    Si, necesitas incluir esas líneas de CSS en un archivo. Uno de los módulos de Jetpack te permite incluirlas.

    Este es el módulo
    http://jetpack.me/support/custom-css/

    Puedes tambien ponerlas pegarlas directamente en el style.css de tu tema (no muy recomendado) o crear un tema hijo (un poco más avanzado)

    Saludos

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • El debate ‘arreglar css de contact form 7 para que se vea de la siguiente forma’ está cerrado a nuevas respuestas.