Jump to content

Remove Play Button

Recommended Posts

The site is private. You'll need to set a site password and tell us what it is, so that we can view it.
 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

You may want to retain the play button but move it above the titles so that visitors realise a video will play. To do this, add the following to Design > Custom CSS:

.collection-type-gallery .video-play-icon {
  bottom: 33%;
}

play-icon.png.a7b003e0cfa7423c9bd75a45e9d5304c.png

 

If you prefer to remove the icon, use this instead:

.collection-type-gallery .video-play-icon {
  display: none;
}

 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Sure. Instead of 'bottom' use 'top' and set a percentage that works on all devices.

Edited by paul2009

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
  • 1 month later...
  • 1 month later...

Your site looks great! Was wondering how you achieved that design. You are using video blocks with a thumbnail image, right? How did you mange to have the thumbnail image without boarders? I can only seem to do that with images. Would love to know how you did your motion page.

Link to comment
  • 2 months later...
  • 6 months later...
On 12/4/2020 at 10:16 PM, citystringensemble said:

Hi Paul,

I'm glad I came across these posts as I am also having a similar issue on the mobile site of Motion Graphics template cover page. 

To fix it, I'd like to remove the play button but the custom code above doesn't do anything when put in Design > Custom CSS.

Any advice?

Can you share site url? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 7 months later...
On 7/14/2021 at 5:24 PM, KasperViitta said:

Oh this is exactly what I need! But the code above doesnt work for me either. I would want the play icon removed. Please help me! :)

my site url is https://wedge-tomato-jyh6.squarespace.com/sillanalla

Add to Design > Custom CSS

/* hide play icon */
.sqs-video-icon {
    visibility: hidden !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.