How do you reduce white between spaces between product video and description

Store Design
1

I see cannot reduce the white spaces between a product upload and the next piece of text, header or another video when uploading a new product description. Use Liquid theme

2

Hi @SPD5150

Please share your website so we can provide the code appropriate for you

3

Hi,

www.surroundliving.co.uk

4

https://www.surroundliving.co.uk/products/big-game-bikes-impala-750w-folding-electric-bike?utm_source=copyToPasteBoard&utm_medium=product-links&utm_content=web

Will this code be just for this product or can you apply it to different product videos with the same issue?

5

Hi,

Where is the source of this product description? It seems to be adding the padding automatically. The code below will apply to the product that uses the same settings.

NOTE: If the product description source is from an app or external source. The code below might not work

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the base.css file
  3. At very end of the code, add the code below
.uk-grid iframe {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3/2;
}

.uk-grid div:has(iframe), .uk-grid h3:has(iframe) {
    padding: 0 !important;
}