Remove iFrame Border on Squarespace
When you add an iFrame to Squarespace, for some reason it automatically adds an annoying (and ugly) border around it.
I can’t tell you how much this annoys me but luckily, with just a couple of lines of code, you can remove it.
Watch the video
Check out the YouTube video below 👇
Want a framework for designing the perfect homepage?
To remove the iFrame border, head to Website > Website Tools > Custom CSS and in your custom CSS box, add the following code:
iframe {
border: none;
}
If you find that this doesn’t remove the border, simply add important to the code like below:
iframe {
border: none !important;
}
And that really is it. Hit save and you’ll have removed the ugly border from around the iFrame on your Squarespace website.
Be sure to check out my YouTube channel for more simple Squarespace hacks.
Need an expert to build your Squarespace website?
Book a free kick-off call with our team to discuss your project requirements in detail.
