How can I make embedded videos full width in product descriptions?

[HelloNano]

Hi there,

I am embedding videos in my product descriptions and some are not full width (to the description area, not the page) how to. fix this? See an example at this URL: https://www.nanobar.us/products/three-spirits-livener

thanks!

[AvadaCommerce]

Hi @HelloNano ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:

.rte .video-wrapper {
    padding-bottom: 100%;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

[HelloNano]

Hi, it seems to work for the width but half the videos disappear underneath when doing so. Here are a couple pictures.

[AvadaCommerce]

Hi @HelloNano ,

It’s probably because your videos aren’t the same size. So it is not possible to css according to each video. You should upload videos of the same size to use common css,

Thanks you

[KetanKumar]

@HelloNano

can you please remove inline css in video

[HelloNano]

How do I do that?