Support » Plugins and Hacks » [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)
  • Did you figure it out? It seems like you got it working.

    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).

    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;
    }

    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.