remove space above and below video product when insert embed code on product page

Store Design
, ,
1

Hello group,

I have a problem and please help me. When I insert a video with the embed code, I get a lot of white space at the top. According to the attached picture. How can I make the white space stop appearing?
Thank you!

damnatt_1-1675870135685.jpeg
damnatt_1-1675870135685.jpeg1920×1080 56.7 KB

2

Hello @damnatt

It’s GemPages support team and glad to support you today.

To provide you with the most precise solution in this case, could you please share the home page link?

3

https://hendyshop.com.au/products/rotating-cylinder-sticker-roller-electrostatic-brush-hair-removal-artifact-pet-hair-removal-brush-clothes-sticky-brush-hair-remover

4

Hi @damnatt ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:

.product-block-list__item--description .video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin-top: 0;
}

I hope it would help you
Best regards,

Kate | PageFly

1 Like
5

Hi Kate,

Worked. Thank you for your help and I wish you a wonderful day!

1 Like