Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 9, 2014 at 7:30 pm #316064
    C_Developer

    Hi there!

    The text area (Form Element: Text Area) of the contact form can be made bigger by dragging on the corner in the bottom+right, that’s great. :-)
    But the layout of the page is not stopping the text area at any point, so you can drag it even more, more, more, until it’s not even in the window any more.
    Would there be a way the text area could stop at the border of the section (1/2, 1/3 column etc) indicated for the contact form with the Avia Layout Builder?

    Thank you!!

    September 9, 2014 at 8:55 pm #316097
    Yigit

    Hi CB!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    textarea {
max-height: 160px;
}

    Best regards,
    Yigit

    September 9, 2014 at 9:34 pm #316108
    C_Developer

    Hi Yigit,

    Good. Do you also have something for the width? It also does expand further than the image on the right side.

    Thank you!!

    CB

    September 10, 2014 at 12:12 am #316175
    Josue

    Hi!

    Try:

    textarea {
max-height: 160px !important;
max-width: 100px !important;
}

    Modify as needed.
    Best regards,
    Josue

    September 10, 2014 at 12:11 pm #316443
    C_Developer

    Hi Josue!

    Thank you. That’s definitely better than before.
    The picture on the right handside still slides over the table if you minimize the size of the window, but I suppose that’s as good as it gets?

    Thank you!

    CB

    September 10, 2014 at 1:25 pm #316525
    Josue

    You are welcome, i couldn’t really note the issue on my end though.

    Regards,
    Josue

    September 10, 2014 at 1:45 pm #316541
    C_Developer

    Hi Josue!

    Well if you take for example Firefox, set the browser window to 1024×768 and reload the page, then drag the corner of the text area to the right. You will see that the filed “Your name” is still sliding under the picture on the right. And I cannot set the max-width to 670px because if I do so, in the case of someone using a larger resolution (e.g. 1560×1052) will have a text area that will be too small.

    In the end, I think that it would be best if we could just deactivate the dragging corner, so the table would be displaying properly and there wouldn’t be anymore overlapping problems. What do you think?

    Thank you!

    CB

    September 10, 2014 at 5:21 pm #316781
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    textarea { resize: none; }

    Regards,
    Yigit

    September 10, 2014 at 11:25 pm #317011
    C_Developer

    Hi Yigit!

    Thank you, that’s already far better. :-)
    I’ve come accross the best solution: actually it’s exactly what you have on this support page I’m writing on right now: only vertical resizing, but no horizontal resizing. Would this be possible?

    I thank you so much for your support.
    Thank you!

    CB

    September 11, 2014 at 12:17 pm #317300
    C_Developer

    Hello!

    I’ve found the code I was looking for myself: textarea { resize: vertical; }
    So you may close this topic.
    Thanks!

    CB

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘The Text Area of the Contact Form expands too much’ is closed to new replies.