So I searched the forum for answers and a solution kept popping up in various posts. I’ll link these posts here and here.
This solution mentioned copying a code into the head of the page which solved two of my existing problems.
- It removed the border radius of all the lightbox frames
and 2. All of the lightbox frames are now the size I specified.
Sadly, half of the lightbox frame is cropped for some reason, and I believe the template I am using to be the culprit. I copied the entire home page to a blank canvas and added this code to the head of the page and it works perfectly when published.
If anyone has the slightest idea on why the lightbox frame gets cropped in half I’d greatly appreciate it.
I’ll provide the code I used in the head of the page below.
<style>
.w-lightbox-frame, .w-lightbox-embed {
width: 100vw;
height: 90vh;
}
</style>
And here are some small video clips with the issue at hand.
This is a small clip of the issue I outlined in the text above. As you can see only the top part of lightbox-frame is visible. I’ll link the published site here.
Where as in this test site I created the lightbox-frame seems to be working perfectly with the custom code i added to the head of the page. I’ll also link this published test site here.