CF7 text fields are different sizes

  • allonline365

    (@allonline365)


    7 years ago

    I have a basic understanding of WordPress. I am battling to resize the fields on CF7. They appear perfectly fine on mobile, but on Desktop the fields are different sizes.

    I have tried adding custom CSS to change the width of the fields but it hasn’t been successful. I have followed suggestions from different forums but nothing is working.

    Please can someone help 🙂

    Thank you

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    7 years ago

    See Styling Contact Form

    jgarciaro5

    (@jgarciaro5)

    7 years ago

    Hi,

    I’m trying to customize this specific fiels (which referes to the text to acceptance of legal notice)… but I’m not very familiar with CSS. I would like to change size of fonts… I have introduced following css code in my theme child but when I change font-size… the only thing that changes is the size of the check-box square… not the font-size of the text next to it (which is what I want to change, indeed). I imagine that now the text is inheritating the theme fonts…

    #consentimiento-comunicacion-comercial {
    font-size: 15px;
    font-weight: 200;
    color: #ffb60d;
    border: 1px solid #f00

    }

    The css I want to apply is for this message at the bottom of the form:

    Doy mi consentimiento a Redaccom para que me informe de las últimas noticias y contenidos relevantes, así como de las novedades y/o promociones de sus servicios.

    Any idea of how to re-write the CSS code properly?

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘CF7 text fields are different sizes’ is closed to new replies.

Tags