WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [Plugin: Contact Form 7] element-resizing does not work (5 posts)

  1. RoboTH
    Member
    Posted 1 year 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 80x15)
    ...
    (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!

  2. fcvolunteer
    Member
    Posted 1 year ago #

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

  3. RoboTH
    Member
    Posted 1 year 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).

  4. fcvolunteer
    Member
    Posted 1 year 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;
    }
  5. RoboTH
    Member
    Posted 1 year ago #

    THAT WAS IT! :-)
    Added the code to my theme's "Additional CSS styles"-section and it's working!
    Thanks a lot!

Topic Closed

This topic has been closed to new replies.

About this Topic