I want move Product video.

I want to move Product video to the middle position.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-video-button.wd-gallery-btn {
    margin-left: 139px;
    margin-bottom: 135px;
}

Regards.
Xtemos Studios

I want adjust of the Product video position at according to the screen size.

Attachments:

You must be logged in to view attached files.

Hi,

There is CSS customization related to the single product gallery position and navigation on your site that is preventing us to create custom code for responsive video button position at center of main product image. Please disable the following custom code first.

Kind Regards

we allow you to modify and disable the custom code.

Help me please.

The following custom code has been disabled: https://prnt.sc/12vlxmj, http://prntscr.com/12vm2m9

Here is custom code for product gallery video button. Try to add the following code snippet to the Custom CSS area in Theme Settings.

body .product-additional-galleries {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    pointer-events: none;
}

body .product-additional-galleries > div {
	pointer-events: auto;
}

body .product-video-button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

Kind Regards

[Author]

Posts