Issue with css not working on all my text boxes

  • Hello!

    So my issue is that I dont get the css to apply to all my text fields, here is what I mean in this picutre:

    https://gyazo.com/0ac07c416ec2fc2b803c2be72db8d8fa

    and here is the code that Im trying to use, keep in mind this is inside a popup aswell.

    .wpcf7 input[type=”text”],
    .wpcf7 input[type=”email”],
    .wpcf7 input[type=”tel”],
    textarea {
    font-size: 16px;
    background-color: #f5f5f5;
    border: none;
    width: 95%;
    padding: 2%;
    }`

    Big thanks if anyone can help me

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

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

  • Give your fields classes and id’s and add style to them.

    Thread Starter dardel

    (@dardel)

    Could you explain a little more, it works with the 3 first fields.
    I am a css noob, so i need a little more specifik instructions with mby some code!

    Big thanks!!

    Your first 3 fields have classes already.

    Write cf7 shortcode like for example
    [textarea mytextareaname id:mytextarea_id class: mytextarea_class].
    Then apply CSS for textareas with class: . mytextarea_class {style} and textarea with id: #mytextarea_id: {style}.

    https://contactform7.com/text-fields/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Issue with css not working on all my text boxes’ is closed to new replies.