How to Remove a Play Button on Grid Videos?

Store Design

Topic summary

A user sought help removing large play buttons from grid videos on their website.

Another community member provided a CSS solution:

  • Navigate to Online Store → Themes → Edit Code
  • Open Assets/base.css
  • Add the following code at the end of the file:
div[class*="grid-media-template"] video + div {
  display: none;
}

The solution successfully resolved the issue, hiding the play button overlay on grid videos.

Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.
1

Hello,

The videos on my website have a giant play button that I feel is unnecessary to have. Is there any way to remove these from the grid videos?

Here’s the website: https://juiced.energy/

2

Hi @juiceddev ,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code

EBOOST_1-1672356985580.png
EBOOST_1-1672356985580.png532×438 15.6 KB

  1. Assets/base.css
  2. Add code below to end of file
div[class*="grid-media-template"] video + div {
	display: none;
}
1 Like
3

It worked perfectly, thank you for your help!