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
  • Author
    Posts
  • May 23, 2019 at 7:16 am #488289

    Jeff Adams
    Free User
    Post count: 1780

    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 #488312

    Jeff Adams
    Free User
    Post count: 1780

    In 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 #488316

    Kor
    Moderator
    Post count: 16516

    Hi 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 #488434

    Jeff Adams
    Free User
    Post count: 1780

    Thanks, 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 #489194

    Kor
    Moderator
    Post count: 16516

    Hi 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 #489199

    Jeff Adams
    Free User
    Post count: 1780

    That 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 #489200

    Jeff Adams
    Free User
    Post count: 1780
    This reply has been marked as private.
    May 27, 2019 at 1:32 pm #489252

    Kor
    Moderator
    Post count: 16516

    Hi 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 #489375

    Jeff Adams
    Free User
    Post count: 1780

    Hey, thanks, but that created a huge gap.

    May 28, 2019 at 10:12 am #489443

    Kor
    Moderator
    Post count: 16516

    Hi 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 #489583

    Jeff Adams
    Free User
    Post count: 1780

    That 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 #489743

    Naveen Giri
    Moderator
    Post count: 1559

    Hi @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 #489896

    Jeff Adams
    Free User
    Post count: 1780
    This reply has been marked as private.
    May 29, 2019 at 10:56 pm #489897

    Jeff Adams
    Free User
    Post count: 1780
    This reply has been marked as private.
    May 30, 2019 at 2:06 pm #490003

    Kor
    Moderator
    Post count: 16516

    Hi 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;
}
  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 20 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount