Adjusting height of shortcode
Tried with all other plugins disabled: yes
Browser version: Chrome - Version 83.0.4103.97 (Official Build) (64-bit) and Firefox Developer 78.0b6 (64-bit)
Shortcode/URL with the issue: [arve url="https://www.facebook.com/plugins/page.php?href=httpswww.facebook.comTwistedVineFamilyVIneyard&tabs=events&width=500&height=600&small_header=true&adapt_container_width=true&hide_cover=true&show_facepile=true&appId=362711211425" /]
Page showing the issue: https://fmweb.xyz/
Debug Info:
ARVE Version: 8.10.23 ARVE-Pro Version: NOT INSTALLED WordPress Version: 5.4.2 PHP Version: 7.3.18 ACTIVE PLUGINS: ARVE Advanced Responsive Video Embedder: 8.10.23 Elementor: 2.9.12 Elementor Pro: 2.10.0 Element Pack Lite - Addon for Elementor: 1.9.0 JetElements For Elementor: 2.2.17 Magic Embeds: 3.0.8 Really Simple SSL: 3.3.3 Unlimited Elements for Elementor: 1.4.40 WPvivid Backup Plugin: 0.9.41 ARVE OPTIONS: array(8) { ["align"]=> string(5) "right" ["last_settings_tab"]=> string(27) "#arve-settings-section-main" ["controlslist"]=> string(0) "" ["wp_video_override"]=> bool(false) ["youtube_nocookie"]=> bool(false) ["wp_image_cache_time"]=> int(0) ["video_maxwidth"]=> int(500) ["align_maxwidth"]=> int(500) } array(0) { } array(0) { }
I have been trying to embed Facebook events into elementor and have been unsuccessful. I have found this plugin and tested it and it is working. However the height of the display is locked. Is there a way to adjust the height of it so that the content of the events are displayed?
The height is not locked its auto calculated based on the width if the embeds as the set aspect ratio. ARVE is currently not really made for what you’re doing. However, you can actually use aspect_ratio=”1:2″ as a shortcode attribute. This is just an example of a portrait value. You can experiment with the value. 1:2 means the height will always be double the width the embed currently has.
But it can not auto adjust height or set on as a fixed value. I may explore this more in the future.
It or you also could use custom css and adjust the padding-buttom percentage value on the container element.