Dawn Theme: Change background and text color for all products page and associated sections

Dawn Theme: Change background and text color for all products page and associated sections

CryptoSafe
Tourist
4 0 3

Hi everyone !

I want to change only the background and text color for my product pages and associated sections. 

I want the background in black and texte in white

 

How can i add all of that in custom CSS ? 

When i tape this:

{background: #121212;}

It only change the background for product but not the background for "you can also like" or the background of reviews app.

 

Thank you !

Replies 8 (8)

Made4uo-Ribe
Shopify Partner
10036 2387 3013

Hi @CryptoSafe ,

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
CryptoSafe
Tourist
4 0 3
Hello !

My url is:
cryptosafe-fr.com

Thank you !
Made4uo-Ribe
Shopify Partner
10036 2387 3013

Thank you for the information. Try this. 

  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" 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.
section#shopify-section-template--19177753805126__main * {
    background: black;
    color: white;
}

Result:

Ribe_Dagandara_0-1688410934703.png

I hope it help. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
CryptoSafe
Tourist
4 0 3

Hello, 

 

Thank you but it didn't work it's still the same.

Made4uo-Ribe
Shopify Partner
10036 2387 3013

I dont see the code in the base.css file, you paste on other file?  If its not working try this one instead. 

section#shopify-section-template--19177753805126__main * {
    background: black !important;
    color: white !important;
}

 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
CryptoSafe
Tourist
4 0 3

Thank you i found the solution with chatgpt in personnalized css but do you know wich css code i can use to change the "add to cart button", the button with quantity and the button "buy now" on my product pages ?

 

I want the -, the quantity and the + button to be with white borders, the background in black as on the picture and the text in white. 

For the "add to cart" i want it with black background, white texte and white borders.

And for the "buy now" i want it with white background and black text. 

 

Do you have a solution ? 

 

Thank you !

 

 

Capture d’écran 2023-07-04 à 14.12.52.png

raffles_fleur
Shopify Staff
1 0 0

can someone help me change this? The background should be black and the font texts is in white. I tried looking for relevant samples but it is not working. Theme is in Dawn.
![](https://screenshot.click/23-29-75683-21023.png)

Made4uo-Ribe
Shopify Partner
10036 2387 3013

Hi @raffles_fleur 

Please, share your store URL. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.