Change height on form

  • Leni81

    (@leni81)


    11 years, 4 months ago

    Hi there,

    I want to insert a contact form widget in the sidebar of my home page. I tried this one but it is quite long and creates an awkward white space. Is there a way to set a defined height for the form and then have it scroll if it is longer than the defined height?

    Thanks for your help 🙂

    https://ww.wp.xz.cn/plugins/si-contact-form/

Viewing 8 replies - 1 through 8 (of 8 total)
  • mbrsolution

    (@mbrsolution)

    11 years, 4 months ago

    Hi Leni81 can you share your URL.

    Thank you

    Thread Starter Leni81

    (@leni81)

    11 years, 4 months ago

    Hi there,

    A test version of my site is located here: http://courtsidemedia.com.au/test/

    I have tried to alter some of the heights of the fields to make it fix, but unfortunately there is still a large amount of white space.

    Would appreciate any advice you can offer!

    mbrsolution

    (@mbrsolution)

    11 years, 4 months ago

    Hi if you are referring to the white space underneath the form, that is created by the container for your Recent Post. You will have to adjust the width of that container.

    mbrsolution

    (@mbrsolution)

    11 years, 4 months ago

    This is more a theme design problem and not a plugin issue. Your best option is to ask for help in the general section here in WordPress for answers.

    Regards

    WPyogi

    (@wpyogi)

    11 years, 4 months ago

    Actually, since you are using a commercial theme, you’d need to ask the developer, BUT this CSS seems to do what you are asking about:

    div#text-4 {
   height: 320px;
   overflow: scroll;
}

    I don’t think it’s ideal – not the most user friendly to require scrolling, but if that’s what you want, it works :)!

    Thread Starter Leni81

    (@leni81)

    11 years, 4 months ago

    Hi there,

    I don’t mean the white space under the widget, I’m referring to the white space created underneath the feature post due to the height of the actual contact form itself.

    Ideally, I would like the form and the post it sits next to to line up, that’s why I was asking if it possible to designate the height of the contact form and make it scroll vertically, so it can fit the dimensions I’d like it to.

    Alternatively, if vertical scrolling is not an option is it possible to remove the *indicates required field text and adjust the height of the CATCHPA code box and submit button?

    Thread Starter Leni81

    (@leni81)

    11 years, 4 months ago

    Thanks WPyogi! Ideally I would prefer not to have the scroll too, but I’m just unsure whether I can modify the form enough so that it can sit in the space I’d like it to.

    I appreciate the CSS code, could you please let me know which page I need to add this to?

    mbrsolution

    (@mbrsolution)

    11 years, 4 months ago

    Hi @leni81 you can adjust the height of the form however bare in mind that depending on the number of fields you might have in the form and the height of

    the post it

    as you mentioned above.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Change height on form’ is closed to new replies.