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

  • Resolved RoboTH

    (@roboth)


    11 years, 6 months ago

    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)

    11 years, 6 months ago

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

    Thread Starter RoboTH

    (@roboth)

    11 years, 6 months ago

    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)

    11 years, 6 months ago

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

    Thread Starter RoboTH

    (@roboth)

    11 years, 6 months ago

    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.