Frame not completely visible

  • Resolved pmcnealy1

    (@pmcnealy1)


    5 years, 6 months ago

    My popup does not display all of the information; the frame seems to cut-off at 100px(ish) high. Any thoughts on how to adjust the visible height?

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

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

    (@turn2honey)

    5 years, 6 months ago

    Hello, have you tried adding style_class attribute to the shortcode for custom styling?

    For example:

    [calendly type=1 url=https://calendly.com/example/call style_class=custom_form_style]

    Thread Starter pmcnealy1

    (@pmcnealy1)

    5 years, 6 months ago

    I have; [calendly type=1 url=”https://calendly.com/florida-medicare-advantage” style_class=”custom_form_style”]

    I’m sure I’m missing something here. All I have done is place this string in the “raw code” element on my popup. Shouldn’t I have to define the “custom_form_style” somewhere?

    • This reply was modified 5 years, 6 months ago by pmcnealy1.
    Plugin Author Simpma

    (@turn2honey)

    5 years, 6 months ago

    Yes, you have to define the CSS class custom_form_style and write the styling rule there. You can use a custom CSS plugin to do this, or you can go to Customize > Additional CSS and try out:

    .custom_form_style {
    height: 900px;
}

    I just pushed an update, update the plugin and try out the suggestion above.

    • This reply was modified 5 years, 6 months ago by Simpma.
    dahlia01

    (@dahlia01)

    5 years, 6 months ago

    Hi, I have exactly the same trouble here. I have tried all you adviced, but no success.
    Could you help me please ?

    [calendly type=1 url=https://calendly.com/christelle-homeorganizer/15min style_class=custom_form_style]

    How can I add a Height here please ?
    Apparently old HTML doesn’t work.
    I have already tried
    [calendly type=1 url=https://calendly.com/christelle-homeorganizer/15min style_class=custom_form_style .custom_form_style {
    height: 900px;
    }]

    and

    [calendly type=1 url=https://calendly.com/christelle-homeorganizer/15min style_class=custom_form_style {
    height: 900px;
    }]

    I am lost

    Many thanks in advanced for you help

    Plugin Author Simpma

    (@turn2honey)

    5 years, 6 months ago

    Hello,

    You’re currently not adding the form customization correctly.

    I just published a detailed tutorial on how you can customize the form, read it here, follow the steps and let me know if anything is unclear.

    Hope you find this helpful.

    dahlia01

    (@dahlia01)

    5 years, 6 months ago

    Thank you. Actually, the first steps didn’t work. But the alternative was very successful.
    Thank you 😀

    Plugin Author Simpma

    (@turn2honey)

    5 years, 6 months ago

    Happy to help 🙂

    2021jenniferjbrown

    (@2021jenniferjbrown)

    5 years, 2 months ago

    Hi! I have tried all 3 options from your tutorial. I still cannot get Calendly to resize. I also refreshed my browser repeatedly and even restarted my computer lol. Please help! This is the code I have in WordPress short code:
    [calendly type=1 url=https://calendly.com/travelingadmin/administrative-consultation
    text=”Book Now” button_color=#767676 text_color=#000000 branding=false hide_details=false style_class=custom_form_style]
    I tried the WordPress css and downloaded the custom css as well. I tried in each location and then tried all of them together. Nothing seems to make it bigger.

    Thank you,
    Jenn

    Plugin Author Simpma

    (@turn2honey)

    5 years, 2 months ago

    Hi Jenn,

    Could you try this out and let me know if it works?

    [calendly type=1 url=https://calendly.com/travelingadmin/administrative-consultation text="Book Now" button_color=#767676 text_color=#000000 branding=false hide_details=false style_class=custom_form_style]

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

The topic ‘Frame not completely visible’ is closed to new replies.