Help changing background color of certain sections of dawn theme

Store Design
,
1

https://cozycoven.myshopify.com/

How can I change the background color on the products, contact, login and cart page sections that are currently white? Can’t seem to find it anywhere on the sidebar unlike the other sections of the page.

Thank you.

2

Hi @CozyCovenShop You can change color background here: Theme settings → Colors → Background 1

Brian_FoxEcom_0-1684719896577.png
Brian_FoxEcom_0-1684719896577.png2241×1227 247 KB

3

Thanks for the reply, I know I can change the colors there but that still doesn’t apply it to that section. Other sections it would pop up on the right with options to choose a color but these specific ones have no such option.

4

Hi @CozyCovenShop

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:
.gradient {background: #121212 !important;}

Regards,

San

5

Hello @CozyCovenShop

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.shopify-section {
    background: #000 !important;
}
.customer>h1, .customer__title {
    color: #fff !important;
}
.button, .shopify-challenge__button, .customer button {
    background: #fff !important;
    color: #000 !important;
}
.link, .customer a {
    color: #fff !important;
}
h2.cart__login-title {
    color: #fff !important;
}
h1.cart__empty-text {
    color: #fff !important;
}
p.cart__login-paragraph {
    color: #fff !important;
}
a.link.underlined-link {
    color: #fff !important;
}
.section-template--19082199564606__product-grid-padding {
    background: #000 !important;
}
h2.title.title--primary {
    color: #fff !important;
}
.facet-filters.sorting.caption {
    color: #fff !important;
}
.facet-filters__sort {
    color: #fff !important;
}
h2.product-count__text.text-body {
    color: #fff !important;
}