How can I change the product page background color in Ride Theme?

Store Design
1

Hi,

does anyone know how to change only the product page background color to white but at the same time keep the theme background color black?

Thank you so much in advance! It will be very helpful if there is a solution to this problem.

2

Hi,

If you want to change the product page background, please add the code below to layout/theme.liquid file (in or tag).

{% if template == 'product' %}
{% style %}
  main#MainContent {
    filter: invert(1);
    background: #fff !important;
  }
{% endstyle %}
{% endif %}

You may change the #fff (white) to any other colors.

If you resolve the issue, please click “Like” and “Accept solution”.

If you still have the issue or have any questions, please let me know.

Hope it helps.

Thanks.