Hi I have a slice down the page that has a fullwidth video background under a video lightbox ( as per Salient Template) But my video has black edges when the screen is wide. Can you help e make it display as full width?
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (min-width: 1000px) {
.fancybox-content {
width: 100vw !important;
}
}
Hi I have a slice down the page that has a fullwidth video background under a video lightbox ( as per Salient Template) But my video has black edges when the screen is wide. Can you help e make it display as full width?
Its towards the base of the page
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (min-width: 1000px) { .fancybox-content { width: 100vw !important; } }Thanks
ThemeNectar Support Team
Apologies but I think I explained wrong... The fancy box is fine.. its the ROW background video thats not reaching to the full width. ie
Attached files: Screen Shot 2023-05-26 at 9.55.16 pm.png
Try Increasing the Height of the Row as since its a Youtube Iframe we can not write up css to make changes inside it.
Best
ThemeNectar Support Team
I want it to be cut off.... and just fill the width.. the height of the video is actually MUCH deeper.
Its just a background video
Unfortunately as mentioned earlier we can only make adjustments via CSS to the Self hosted videos and not Youtube ones.
Best
ThemeNectar Support Team