How can I change the background color of my Dawn theme pages?

Hi, I have the Theme DAWN and when I change the bachground color via the customization tool to black the “ABOUT” Section (PAGES Section) and the “SHOP/PRODUCT” section is staying white.

How can I change this to black background white font too?

It seems like I need a code or can I use the customization tool for that? I could find any section to change it in the custimazation tool. I would prefer the customization tool over code.

url: https://cotiereofficial.com/

pw: test1234

Thank you

Hello @marcelp !

Hope you are doing well.

Please add the below CSS in base.css theme file at the bottom to make changes on the about page:

main#MainContent {
    background-color: #000 !important;
}

.page-width--narrow>div.rte {
    color: #fff !important;
}

@media screen and (min-width: 750px)
.main-page-title {
    color: #fff !important;
}

Add below CSS to make changes in Shop page:

main#MainContent {
    background-color: #000 !important;
}
h3.card-information__text.h5 {
    color: #fff !important;
}
.price.price--sold-out {
    color: #fff !important;
}
.price {
    color: #fff !important;
}
h2.facets__heading.caption-large.text-body {
    color: #fff !important;
}
summary.facets__summary.caption-large.focus-offset {
    color: #fff !important;
}
h1.collection-hero__title {
    color: #fff !important;
}
select#SortBy {
    color: #fff !important;
}
span#ProductCountDesktop {
    color: #fff !important;
}

Hope this will help you out.

1 Like

THank you @rutvik_shop it worked but with the new code the background of the header navigation menue is not grey-black instead of grey. When on “HOME” button the site is perfeclty #000 black.

Why is that? Cant find any other hex color then black or white in your code.???

@marcelp ,

Please change the color code #000 to #121212

1 Like

works. thank you @rutvik_shop

1 Like