Support » Plugins » [Plugin: Contact Form 7] element-resizing does not work

  • Resolved RoboTH

    (@roboth)


    Hi,

    I have a problem with the “Contact Form 7” plugin.
    The resizing of textfields, textareas etc. does not work as described on this site: text-fields
    I also tried several suggestions made in similar threads in this forum, but nothing worked so far.

    Here’s my contact form: Contact

    I tried the resizing with following code (changed the brackets from “[]” to “()”):

    (textarea* your-message 80×15)

    (quiz quiz-kontakt 5/2 “7 + 3 = ?|10” “6 + 6 = ?|12” “4 + 11 = ?|15” “8 – 3 = ?|5”)

    I’m new in wordpress, so I’d be thankful for detailed describtions about changing the style.css and stuff like that 😉

    Thanks in anticipation!

Viewing 4 replies - 1 through 4 (of 4 total)
  • fcvolunteer

    (@fcvolunteer)

    Did you figure it out? It seems like you got it working.

    RoboTH

    (@roboth)

    Unfortunately I didn’t 🙁 I can create textfields and -areas but I cannot customize the size (especially the testfield for the answer of the quiz is too long, I want this to be at least half of the size it is now).

    fcvolunteer

    (@fcvolunteer)

    It seems like the existing css is “overruling” the shortcode method. You’ve already assigned classes to your fields you can use those to modify the widths. See example:

    .your-name input {
        width: 200px;
    }
    .your-email input {
        width: 200px;
    }
    .your-phone input {
        width: 200px;
    }
    .your-message textarea {
        width: 200px;
    }
    .quiz-kontakt input {
        width: 50px;
    }

    RoboTH

    (@roboth)

    THAT WAS IT! 🙂
    Added the code to my theme’s “Additional CSS styles”-section and it’s working!
    Thanks a lot!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Plugin: Contact Form 7] element-resizing does not work’ is closed to new replies.