Product Category Page Background

[tuanphan]

Suppose you have 3 product categories: Bike, Brand, Design
You need to set different background color on each page.

You can use this code to Website Tools > Custom CSS

html:has(meta[content*="Bike"]) .section-background {
    background-color: #f1f !important;
}
html:has(meta[content*="Design"]) .section-background {
    background-color: red !important;
}
html:has(meta[content*="Brand"]) .section-background {
    background-color: #f1f1f1 !important;
}

Result
Bike category page

Brand category page

Design category page