Jump to content

How to curve the corners of an embedded video?

Recommended Posts

No, the one below it with the red square. I've since fixed by updating the reference to:

.video-player .plyr {


EDIT: Ignore the below I fixed (see comment beneath)


Next issue seems to be that my font doesn't seem to be getting picked up on mac (windows + android mobile work no problem). Doing some reading on it now, but if you happen to know the issue then please do let me know 🙂


@font-face {
	font-family: Mulish;
	src: url(https://fonts.google.com/specimen/Mulish);

.header-nav:after {
    content: "Never miss a selling point again.";
    //display: block;
    position: relative;
  	line-height: 0;
    top: -5px;
  	font-size: 20px;
  	color: white;
  	//color: #403E56;
  	font-family: 'Mulish';
  	font-weight: 700;

h2 {
	font-weight: 500;
  	letter-spacing: -0.02em;
	font-family: 'Mulish';


Edited by Barnee
Link to comment

Fixed the above text issue. I didn't add an import which seems to be necessary on some devices 🙂

Also used what I think is a better css font reference.


@import url('https://fonts.googleapis.com/css?family=Mulish');

@font-face {
	font-family: 'Mulish';
	src: url(https://fonts.googleapis.com/css?family=Mulish);


Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.