Home › Forums › WoodMart support forum › Product Video Button

Product Video Button

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 27, 2019 at 7:24 am #130287

    ex501
    Participant

    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?

    June 27, 2019 at 12:06 pm #130340

    Elise Noromit
    Member

    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

    June 28, 2019 at 10:48 am #130500

    ex501
    Participant

    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.

    June 28, 2019 at 2:53 pm #130559

    Elise Noromit
    Member

    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

    June 28, 2019 at 11:04 pm #130590

    ex501
    Participant

    That worked, thanks!

    June 29, 2019 at 9:49 am #130612

    Elise Noromit
    Member

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

    Best Regards

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Product Video Button’ is closed to new replies.