How to have different background for different pages?

Store Design
, , ,
1

For my store i have a video in the background, but its very distracting when looking at the product on the product page, and same for the cart. How can i change it to have a plain white background for only these pages? I have a third party theme aswell which makes it a little harder. Thanks

2

@atria

I understand you want to remove video background on the product details page. Follow these steps to do that

  1. Go to Shopify theme manager

  2. Edit code of the current theme

  3. Open file layout > theme.liquid

  4. Add this code to body tag class=“{{ request.page_type }}”

  5. Screenshot (21).png
    Screenshot (21).png1661×577 38.8 KB

  6. Click “Save” button,

  7. Open assets > theme.css file, add this code at the end

body.product .video-js {
    display: none !important;
}

Try it and let me know

3

Nothing happened when i added both code

4

Hi @atria
Another way you can try to add this code into the bottom of the file theme.liquid before tag

{% if request.page_type == 'product' or request.page_type == 'cart' %}

{% endif %}
5

this one worked thanks