Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #682023

    Dear Support Team,
    I’m using the Enfold theme with a child theme and Contact Form 7. I’m currently creating a new CF7 form for ordering books. It is a quite simple form with a line for each book that can be ordered. Each line is supposed to start with a small input field for specifying the amount to be ordered and the book title right of this input field. When trying to set up this form using CF7 text fields, I’m facing the following issues:

    1) How can I set a field size for the input field? I tried to specify a size of 3 ([text firstbook id:firstbook size:3]), but this has no effect. The input field is always stretched across the entire main content area.
    2) How can I put the input field and its label on the same line and align the label to the right of the input field?

    Thanks a lot for your help!
    Gabriele

    #683205

    Hey gschicht,

    try this code inside Quick CSS field:

    #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
    width: 7%;
    }
    

    and adsjut as needed.

    Mockup showing what you want to achieve would help us a lot.

    Best regards,
    Andy

    #683768

    OK, thanks for the code. I will play around with the css and get back to you.

    Best regards,
    Gabriele

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.