Support » Plugin: WP Contact Slider » Height Stretched

  • Resolved Meher Bala



    I just updated the plugin and the slider has stretched to fill the full length of the browser. It does not look good. I can’t seem to find any option to set the height for the slideout.

    How can I resolve this issue?

    Any help will be appreciated.

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author


    Hi @meher!

    Hope you are doing great! We have done some improvements in UI for better user experience. Here is CSS snippet for you to control height.

       div#wpcs_content_main_245 {
           height: auto;
           top: 100px !important;
           padding-left: 60px !important;
       div#wpcs_content_inner_245 {
           margin: 0px 0px 0px 0px;
           border: 0px !important;

    You can add above mentioned CSS in your child theme or in Custom CSS to get the fix.

    We are working on more improvements and your every suggestion counts.

    Let us know if still there is any thing we can help you with.


    First of all good job for the new and improved UI.

    Thanks for the CSS Snippet, but I further made more changes to the snippet.

    One suggestion: You should add an option for the end user to add their desired height for the popup.

    One more issue I noticed:
    When the slide out is open, and I take my cursor in the black section, why do I see a cross. See this image: Any ideas why this is happening.

    Any help will be appreciated.

    I am struggling to get the pop out to not be full length. Any ideas? I added the CSS snippet but it hasn’t changed…

    Plugin Author


    @meher that cross appearing is part of UX added in *Version 2.0* . This means if the user clicks in the black section he is going to actually close the slider.

    Thanks for the suggestion. We’ll definitely check for the possibilities over here.


    Thanks Appreciate all your help.

    @jimmer84 – Can you please provide a URL so I or the plugin developer can check it out.



    I have managed to reduce to size a little. But, it still doesn’t look right.


    Hi @jimmer84,

    Page where the Slide out is:

    There are 2 many field form, the form will increase in height. Here are couple of things which you can do to reduce sidebar:

    1) First go to Calendar Form and see that the textbox have only 5 rows

    2) Second reduce the top marge for the H2. Here is the CSS for the same:

    #CF5a730ade1edef_1-row-1 h2 { margin-top: 0px; }

    3) Also add the below CSS:

    div#wpcs_content_main_6852 { height: auto!important; top: 50px !important; }

    4) You can remove labels. Use placeholders for fields instead. This may reduce the form size.

    PS: If you remove the labels and use placeholders and adjust some of the CSS above, then the form will looks something like this:

    Hope this help.

    Hiya @meher.

    Thank you so much for this. I really appreciate your help!


    Hi @jimmer84,

    You are most welcome. Happy to help. Hope your issue is resolved.

    Warm Regards,

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Height Stretched’ is closed to new replies.