How to remove automatic padding from Prestige Theme video?

Technical Q&A
1

Hi There, I am trying to include a video, so I used custom HTML

I pasted this into the custom HTML box:

I have no padding set, but it seems to be automatically there. I want the video to be full width the way that the slide show is in the prestige theme.

Any help would be greatly appreciated.

2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

1 Like
3

Thanks so much!

luxurybeauty-boutique.myshopify.com

Password: pleasehelp

1 Like
4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
section#section-16220516305a1734e6 .Container {
padding: 0 0px!important;
}
1 Like
5

I will try this!!! Thanks so much. And if I re-order the sections in my store will I have to change the HTML?

1 Like
6

Hi @Shan616 ,

You can take into consideration my recommendation.

Please follow the steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.

  • Step 2: Go to Sections > custom-html.liquid and remove the Container class. https://i.imgur.com/bw9oJl3.png

Hope this helps!

1 Like
7

Thanks so much for your reply!!

Will this impact all videos on my site?

8

If I reorder the sections will this solution still work?

9

yes solution still work!