WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
Different width in easy modal for forms (2 posts)

  1. eugene_aerast
    Member
    Posted 1 year ago #

    Hi!

    I've install 2 modal windows and one of them is too wide, but seond is ok.

    Please, see an example at site. Search for "Please, click HERE and then HERE." First link is very wide, second - ok.

    At first I've set [textarea textarea-118 100/ "content"], but it doesn't help to reduce size of a window ;(

    http://wordpress.org/extend/plugins/contact-form-7/

  2. biswajeet
    Member
    Posted 1 year ago #

    Hi, set the width of #eModal-Container for the wider(first) form to 550 or 600px where it looks nice and you need to reduce the height of the text area too. Additionally, modal form gets cut at the top part so its difficult quit it since can't click @X close button. So, you need to adjust the top in the modal.

    Form css:

    #eModal-Container {
     width: 600px !important;
     padding: 0.5em;
    }
    
    #eModal-Container .wpcf7-form-control-wrap textarea {
        height: 100px !important;
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic