Home › Forums › Basel support forum › Change video button color

Change video button color

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 27, 2017 at 12:06 pm #9316

    mihudesign
    Participant

    Hi,

    How can I change the video button color to always be green (#5bbc2e) with a white triangle.
    See attachments

    Thanks,
    Michael

    Attachments:
    You must be logged in to view attached files.
    January 27, 2017 at 3:19 pm #9325

    mihudesign
    Participant

    and how do I change the color of the ‘close block’ in the top right corner of the video player to be green (#5bbc2e) with a white ‘X’. See attachment.

    Attachments:
    You must be logged in to view attached files.
    January 27, 2017 at 4:53 pm #9336

    mihudesign
    Participant

    Hi,

    I have provided login credentials.

    Thanks,
    Michael

    January 27, 2017 at 5:56 pm #9342

    Artem Temos
    Keymaster

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

    .product-360-button a:before, 
.product-video-button a:before {
    background-color: #5bbc2e;
  	color:white;
}

.mfp-iframe-holder .mfp-close, 
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close:hover, 
.mfp-image-holder .mfp-close:hover {
    background-color: transparent;
}

.mfp-iframe-holder .mfp-close:after, 
.mfp-iframe-holder .mfp-close:before, 
.mfp-image-holder .mfp-close:after, 
.mfp-image-holder .mfp-close:before {
	background-color: black;
}
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)