Custom Video Play Button

Screen+Shot+2021-02-04+at+11.00.17+AM.jpg

Description

Update the play button icon to your own icon. This plugin uses CSS editor and works with the video and gallery block.


How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

.sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  background: transparent url(IMAGE-URL-HERE) center center no-repeat;
  background-size: cover !important;
  filter: invert(100%);
  height: 60px;
  width: 60px;
  cursor: pointer;
}

Customize

Replace IMAGE-URL-HERE with the link of the icon you'd like to use. Please make sure the icon uploaded is in png format with a transparent background.

If changing the height and width, be sure to also change the top and left % values so the icon remains in the center.


Previous
Previous

Reformat Product Price in 7.1

Next
Next

Change Shopping Cart Text (7.1 Version)