Why does my video background disappear on the products page?

[suoshie]

On desktop the video background only shows when the website link is https://c1e46d.myshopify.com/

when i click on another page and go back to products page the link turns to https://c1e46d.myshopify.com/collections/all and the video background no longer shows. How do i fix this?

SHOP URL:

FILE LINK FOR BACKGROUND VIDEO: https://cdn.shopify.com/videos/c/o/v/a6b893c4a8074546995efbc8baf87ed9.mp4

@PageFly-Richard

[PageFly-Victor]

Hi [email removed]Suoshie,

You can check the structure of the two pages. Because the home page has a background element and the collection is not.

You can see my screenshot

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

[suoshie]

Thanks for letting me know, i have now added the video background to the products page however the background is not behind the products, instead it is seperated. How can i make the background behind the products?

SHOP URL: https://c1e46d.myshopify.com/collections/all

[PageFly-Victor]

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

#shopify-section-template--18097696407868__fc3575a4-ac1c-401c-ac44-da22e970f091{
position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

[suoshie]

It works but how do i remove / make transparent the black boxes around my products images?

[PageFly-Victor]

you can add my code

.card__inner.color-background-2.gradient.ratio{background:transparent!important}