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

How to control the height of the popup box

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

    (@aksingla)

    2 years, 10 months ago

    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.

    Debasish Panda

    (@debasish)

    2 years, 10 months ago

    Hi Ankit,

    Thanks for prompt reply 🙂

    I see it on my laptop which has 1280×800 resolution [ https://www.dropbox.com/s/hgjcty4qsscaghl/Screenshot%202017-10-09%2011.55.38.png?dl=0 ] , 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

    (@aksingla)

    2 years, 10 months ago

    Hi,

    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.

    Cheers.

    • This reply was modified 2 years, 10 months ago by Ankit Singla.
    Debasish Panda

    (@debasish)

    2 years, 10 months ago

    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.

Topic Tags

Views