Support » Plugin: Slick Popup: Contact Form 7 Popup Plugin » How to control the height of the popup box

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Ankit Singla


    Hi Debashish,

    I have checked the website btrCredit, can you tell me at which screensize do you see that extra space as in Screenshot?

    – The plugin sets the height to 76% of the size in the choosen layout, and uses jQuery to adjust the form with a scroll or without scroll.

    – Let me know the screensize and I will try to find a way around.

    Thread Starter Debasish Panda


    Hi Ankit,

    Thanks for prompt reply 🙂

    I see it on my laptop which has 1280×800 resolution [ ] , and others with more tall screens get more empty space below.

    As I understand its because the height is set 76% of screen height, so when the form has only a few elements like on mine then they don’t fill up the entire height.

    Probably we can take out height settings & just let it fill out as much fields as there.

    Plugin Author Ankit Singla



    It will be as easy as a piece of cake. Just add the below CSS style in the plugin options ‘Custom CSS’ field.

    #splite_popup_box.layout_centered {
        max-height: 500px;

    I have roughly taken the ruler on the form height, it is near 500px you can adjust as per your choice.

    Please leave a rating if you find it helpful.


    • This reply was modified 4 years, 7 months ago by Ankit Singla.
    Thread Starter Debasish Panda


    That is an excellent solution Ankit, thank you very much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to control the height of the popup box’ is closed to new replies.