Product Video Button

Hello,
I have a lot of complains that product video button is not visible enough, especially with white background products.

Is there some alternative that instead of play button, we show only “play video” wider button?

Hello,

Here is the code, edit and add it to the Theme Settings > Custom CSS > Global:

body .product-video-button>a{
    min-width: 50px;
    height: 50px;
    border-radius: 30px;
    background: rgba(255,255,255,.9);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.08);
    box-shadow: 0 0 5px rgba(0,0,0,.9);
    color: red;
    font-size: 13px;
}

Best Regards

Thank you for the answer. However this is what what happens when I apply that css: https://c2n.me/42jN6dM

I asked if its possible to display button with “PLAY VIDEO” text like in hover state all the time.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .product-video-button  a  span { 
	max-width:100%;
   -webkit-transition:none;
   transition:none;
	padding-right: 25px;
}

Best Regards

That worked, thanks!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts