Change "Product Video icon"

Hi, can I change the icon used in the product video? I would like to change the button to a red background and a white youtube icon I will find.. Please see pic

Attachments:

You must be logged in to view attached files.

Hello,

Please try this code:

.product-360-button>a:before, .product-video-button>a:before, .woodmart-show-product-gallery-wrap>a:before {
    color: #ffffff;
    background: red;
}

You can set any color as per your needs. Add this code to Theme Settings > Custom CSS. If code does not work, please provide your site admin access and product link.

Best Regards

Hi, thanks, but the color does not cover the whole button when hovered.

Anyways, it it possible to change the icon from “Play” to “Youtube”, maybe red youtube icon?

Hello,

Please provide your site URL and admin access.

What icon do you want to place? Please view and choose: https://fontawesome.com/v4.7.0/icons/

Best Regards

Thanks, I have added info to “Private Content”

Icon fa-youtube, red if possible

Try to add the following code snippet to the Custom CSS area in Theme Settings

div.product-video-button>a:before {
    content: "\f167";
    font-family: FontAwesome;
    color: red;
    font-size: 24px;
}

Brilliant, thanks!

You are welcome!

[Author]

Posts