Gap Between Videos
This topic contains 19 replies, has 4 voices, and was last updated by Jeff Adams 5 years, 8 months ago.
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket-
AuthorPosts
-
May 23, 2019 at 7:16 am #488289
Someone just added a new listing today. They have 4 videos from facebook. I assuming they used social media importer because this is something I’ve noticed that happens usually when I do.
The videos have a large gap between the second and third. Really, this makes me wonder if there’s a way to only show one video. Because having them stacked like this just doesn’t look good.
It would be cool if there was some way to have a slider activated if they enter more than one video url. This way it only takes up that section. Then they could create a video playlist for their listing. But, I’m assuming that’s a customization I’d have to have done. So in the meantime, is there something GD could do to make it only show one video? Or does GD have a way to make it so more than one URL shows in a gallery or slider of some sort?
May 23, 2019 at 7:22 am #488312In case you want to see it:
https://veganlinked.com/services/united-states/north-carolina/charlotte/rent-a-renovator-llc/
May 23, 2019 at 7:51 am #488316Hi jeff,
Thanks for your post. Could you try using the custom CSS code below and see if it helps?
.geodir-embed-container:first-child { display:block!important; } .geodir-embed-container { display:none!important; }
Yes, it would require customization to convert it into a slider. 🙂
May 23, 2019 at 5:15 pm #488434Thanks, that made it just show one video. That should work for now. I wonder if there’s a way to force it centered too or to fill up the container it’s in. Now there’s a bit of a white space between the right side of the video and the sidebar. And the play button is not centered making me think part of the video is cut off at the bottom.
May 27, 2019 at 10:43 am #489194Hi Jeff,
There isn’t a way to center the play button since it’s inside an iframe. But you can use the custom CSS code below to fill the video to the entire container.
.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe { width: 100%!important; height: 400px!important; max-height: 400px!important; min-height: 400px!important; }
May 27, 2019 at 10:51 am #489199That made it wider in a nice way but it’s still not tall enough. I event adjusted the height to 2000px and it didn’t budge…
May 27, 2019 at 10:55 am #489200This reply has been marked as private.May 27, 2019 at 1:32 pm #489252Hi Jeff,
Thanks for your reply. You can replace the custom CSS code with the below
.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe { width: 100%!important; height: 800px!important; max-height: 800px!important; min-height: 800px!important; position: relative!important; }
May 27, 2019 at 9:08 pm #489375Hey, thanks, but that created a huge gap.
May 28, 2019 at 10:12 am #489443Hi Jeff,
Ok, try this custom CSS code below .
.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe { width: 100%!important; height: 700px!important; max-height: 700px!important; min-height: 700px!important; position: relative!important; } .geodir-embed-container { padding-bottom: 0px!important; }
May 28, 2019 at 6:58 pm #489583That didn’t work either, the css below squishes my other videos
.geodir-embed-container {
padding-bottom: 0px!important;
}May 29, 2019 at 10:44 am #489743Hi @jeff,
only this css works fine.
.geodir-embed-container { padding-bottom: 0px!important; }
I have added in customiser, take a look.
https://veganlinked.com/services/united-states/north-carolina/charlotte/rent-a-renovator-llc/May 29, 2019 at 10:54 pm #489896This reply has been marked as private.May 29, 2019 at 10:56 pm #489897This reply has been marked as private.May 30, 2019 at 2:06 pm #490003Hi Jeff,
Thanks for your reply. Ok, try using the custom CSS code below and see if it helps.
.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe { width: 100%!important; height: 700px!important; max-height: 700px!important; min-height: 700px!important; position: relative!important; } .geodir_post_meta.geodir-field-video .geodir-embed-container {padding-bottom: inherit!important;} .geodir-embed-container iframe { height: 400px!important; position:relative!important; }
-
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket