Dawn Theme - Need all product and catalog pages to have black background

Store Design
, , ,
1

Hello,

Using the Dawn theme, how do you get all pages, including products and catalog to change colors from white?

I cannot get the product pages and catalog pages to change to show black background with white type.

I have tried different color scheme options in the settings but only the homepage etc are changing.

I want all the pages to match with black background and white type.

Sorry, here is the page: https://beamuckraker.com

2

Hi @Muckraker1975

Would you mind to share your Store URL website? with password if its protected. Thanks!

3

Sorry. Sure.

https://beamuckraker.com

4

Thank you for the information.

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
main#MainContent {
    background: black;
}
main#MainContent * {
    color: white
}

Result:

Ribe_Dagandara_0-1692015828306.png
Ribe_Dagandara_0-1692015828306.png1326×481 178 KB

I hope it help.

" :glowing_star: Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! :raising_hands: "

5

Thanks Ribe.

That worked.

How do I change button text to be black on the white buttons?

6

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
div#Quantity-Form-template--20536323965243__main * {
    color:black !important;
}
button#ProductSubmitButton-template--20536323965243__main span {
    color: black;
}
variant-radios#variant-radios-template--20536323965243__main label {
    color: black;
}
variant-radios#variant-radios-template--20536323965243__main .product-form__input input[type=radio]:checked+label {
    color: white;
}

Result:

Ribe_Dagandara_0-1692032815015.png
Ribe_Dagandara_0-1692032815015.png517×482 14.9 KB

I hope it help.

" :glowing_star: Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! :raising_hands: "

7

Thank you much