How to remove padding above Video iFrame?

Shopify Discussion
1

Hi there - can anyone help me remove the padding above the two embedded videos on this page please? Any help would be greatly appreciated!

https://paulrangiwahia.com/pages/hauora-in-schools-awards

PaulRangiwahia_0-1679354978709.png
PaulRangiwahia_0-1679354978709.png1363Ɨ669 68.1 KB

2 Likes
2

Hi @PaulRangiwahia
You can add this code on your css files
.video-wrapper {

position: absolute;
top: 0;
width: 100%;
height: 100%;
}

I see its a theme.css files where you need to add this code.

Cheers

3

Thanks @Ajay2265 - where exactly do I need to add it in the code? Sorry Iā€™m not overly technical!

4

HI @PaulRangiwahia ,

I understand that you want to remove the padding on top of your videos. You can follow the instructions below to do so.

  1. From your Admin page, go to Online store > Themes > click the three dots > Edit code
  2. Find the Asset folder, and open the theme.css file
  3. Add the code below at the very end of the file
#MainContent > div > div > div > div.rte > div:nth-child(6) > div, #MainContent > div > div > div > div.rte > div:nth-child(8) > div {
    padding: 0 !important;
}

See result below:

made4Uo_0-1679355605666.png
made4Uo_0-1679355605666.png1527Ɨ994 255 KB

1 Like
5

Hi @PaulRangiwahia
You need to go to the theme > edit code > assets > theme.css
And add your code at the end of the file.

1 Like
6

Thanks much!

1 Like
7

Thank you so much!