Code to change color of a collection page

Technical Q&A
1

Hello!

What code shall I use to change the color of this specific collection page to white?

and the white text to violet–the same violet as my current background?

Screenshot (587).png
Screenshot (587).png1920×1080 302 KB

2

Hello,
you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!
Please Share your store live url where you want to do modification, so that I will solve your issue here!

3

https://bazaarify-505.myshopify.com/admin/themes/122797752489/editor?previewPath=%2Fcollections%2Fproducts

https://bazaarify.net/collections/products

thank you so much!

4

Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css

.template-collection #PageContainer {
    background-color: #fff;
}
.template-collection .section-header.text-center h1 {
    color: var(--color-body);
}
.template-collection .filters-toolbar-wrapper {
    border-bottom: 1px solid var(--color-body);
    border-top: 1px solid var(--color-body);
}
.template-collection .h4.grid-view-item__title.product-card__title {
    color: var(--color-body);
}
.template-collection .filters-toolbar__label.select-label {
    color: var(--color-body);
}
.template-collection .filters-toolbar__product-count {
    color: var(--color-body);
}
5

Thank you so much!