How to change the background color to Black?

I want the product page’s background to be all black and the text to be white (You get it.)

I used this code;

{
  background-color: #000000;
}

It changed the background to Black but the text and buttons were still Black and went invisible

Can someone provide me with a code or a fix.
Need to get this done urgently.

Thank you in Advance

1 Like

Hi @omnstores ,

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

Than you fro the info. I check your store but is seems like they already turn into black.

That’s the Featured Product Section.

Click on View Full Details

1 Like

Thank you. 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, 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#shopify-section-template--19977753723200__product-grid {
    background: black;
}
.card__information * {
    color: white;
}

Result:

I hope it help.

I removed the Product Grid and linked the Shop Now button on the Home page directly with the product link. Can you tell me how can i fix it with the product page.

1 Like

Sorry I cant get it.. The product page is this one.

Do you like to change all page default to black background?