Tagged: background, max-width, video, width
Hi there
I’ve set an animation with a specific width and height in a color section as a background video and would like it to respond below a width of 100% but not above as the animation then looses clarity and slightly pixelates.
Dimensions are 1500px x 500px
Is there a way to resolve this
Thanks
Richard
Hey Richard,
I did not see the issue, can you please make a small screencast for us?
Best regards,
Victoria
Hi Victoria
Gbz width is about 1300px and fits evenly with no proportional stretching
uGP is about 1800px and the animation has been resized within the color section and so distorted.
Richard
Hi,
Thank you for the info. Please add the following css code to adjust the height of the video.
#top.home #av_section_1 .av-section-video-bg video {
height: 100% !important;
top: 0px !important;
}
The current user is not an admin.
Best regards,
Ismael
Hi Ismael
Spot on thank you — that works perfectly.
Richard
Hi,
Glad that Ismael helped you. Thanks for using Enfold :)
Best regards,
Nikko