Hello there,

Thank you for reaching out! I would be happy to help you fix these issues. Both of these adjustments can be easily made by adding a small piece of Custom CSS to your website (if you are using WordPress, you can add this in Appearance > Customize > Additional CSS). Here is the code you need to copy and paste:

/* 1. Prevent video clipping (shows the full video without zooming) /

.avw-video-main { object-fit: contain !important; background-color: #000; }

/ 2. Increase Title font size /

.avw-modal .avw-title { font-size: 28px !important; }

/ 3. Increase Body text/Description font size */

.avw-modal .avw-desc { font-size: 18px !important; line-height: 1.6 !important; }

Why was the video clipping?

By default, the script uses object-fit: cover; which ensures the video fills the entire container perfectly without empty space, but this sometimes crops the edges of vertical/horizontal videos. Changing it to contain ensures the whole video is visible.

Alternative Method (Editing the JS file)

If you prefer to edit the source code instead of adding custom CSS, you can open your widget.js file and do the following:

For the Video: Search for .avw-video-main and change object-fit: cover; to object-fit: contain;.

For the Font Sizes: Search for .avw-title and change the font-size: 20px; to your desired size (e.g., 28px). Search for .avw-desc and change font-size: 14px; to 18px.

Please let me know if this works for you or if you need any further assistance. I’m always here to help!

Best regards,

This helps, thanks very much!

Thank you very much too!

cancel this one, I figured it out

Thank you

Does it work on WordPress/Shopify? Yes! Simply paste the generated code into the “Footer Scripts” section of your theme settings or use a “Custom HTML” widget.