How can I enlarge the play button on my video in a Shopify theme?

Store Design
1

I need to increase the size of the play button on my videos can anybody help me with it. I guess it requires coding.

2

Hello @siddhichavan25 Please share your store URL and store-front password(If your store is password protected.) So that I can check and give you the solution.

3

Hi. Thanks for the reply. https://www.markfred.com/. thats the link. its on the home page. two videos. If you can guide me it will be really helpful

4

@eFoli-Marvic Hi thanks for the reply. https://www.markfred.com/ that’s the store. Video is on the home page. Thankyou, it would really help alot.

5

Hello @siddhichavan25 ,

To increase the size of the play button, add this code to your theme.css file.
Navigate to online store >> Click edit theme code.
Now find theme.css and paste the following code.

.deferred-media__poster-button
{
height: 12.2rem !important;
width: 12.2rem !important;
}
.deferred-media__poster-button .icon
{
width: 10rem !important;
height: 7rem !important;
}

After adding the code the play button will show bigger.

If you want to adjust the size then change the value of rem (like 10rem, 12.5rem, 13rem, etc).

Hope it will be helpful for you.

Thanks

6

Hi @eFoli-Marvic I searched in edit code it does not show to me theme.css only theme.liquid is available.

7

hey @eFoli-Marvic i got it. I pasted it under video.css. Thankyou so much. !!

8

@siddhichavan25 You’re always welcome.