Background color from default product and text color

Hello,

I’m having some issues to change my background color from grey to white and all the text color to black please??

Hi @full1sgodz ,

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

Hello, yes of course. Here you have :grinning_face_with_smiling_eyes:

link: https://homeartlamps.com/

pw: Milacku33!

thank you very much

I just like to clear which background you like to change?

Because I only see all white, if you mean the product image. You shoul put some Image on that so you can take of the background. For the font color, 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.
body.gradient.animate--hover-default * {
    color: black;
}

Result:

I hope it help.

Hello, this is what I would like to change. Its the “Default Product”, I would like to:

1 - change the dark blue background to white

2 - change font color and icons from white to black.

I send you 2 jpeg, 1st is my website and the 2nd is from someone I know. I just want to change mine like the 2nd jpeg please.

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.
section#MainProduct-template--19242021454149__main {
    background: white;
}
section#shopify-section-template--19242021454149__main {
    background: white;
}
product-info#ProductInfo-template--19242021454149__main * {
    color: black;
}
fieldset.js.product-form__input label {
    background: white;
    color: black;
    border: 1px solid black;
}
quantity-input.quantity {
    background: white;
    border: 1px solid black;
}

Result:

I hope it help.

Hi, thank you very much. Its almost done. It only miss the black arrows to swip out photos and the variant icons from the product. Thats all my friend :grinning_face_with_smiling_eyes:

Oh, I alreayd fix that one maybe they didnt listen.. :sweat_smile: would you mind to share the new password. I cant access it. Thanks!

pw: Moje33milacku!!!

Sorry but i will try another way, already duplicated twice this theme and I’m having always the same problem, shopify sucks, better use wordpress instead, thank you for your help anyway :grinning_face_with_smiling_eyes:

Please try this again. Thanks!

  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.
section#shopify-section-template--19297375879493__main {
    background: white;
}
fieldset.js.product-form__input label {
    background: white;
    color: black;
    border: 1px solid black;
}
quantity-input.quantity {
    background: white;
    border: 1px solid black;
}
.product__description.rte.quick-add-hidden * {
    color: black;
}
div#Quantity-Form-template--19297375879493__main {
    color: black;
}
quantity-input.quantity * {
    color: black;
}
button.quantity__button.no-js-hidden.disabled {
    opacity: 1;
}
variant-radios#variant-radios-template--19297375879493__main {
    color: black;
}
.price.price--large.price--show-badge {
    color: black;
}
.product__tax.caption.rte {
    color: black;
}
.product__title h1 {
    color: black
}

Result:

there is more the shipping.

.product__tax.caption.rte a {
    color: black;
}

Hi,

I copy pasted the code and did not change anything

Please, dont forget to save. And refresh browser. this my SS just now.

Mine is still grey, everytime I add new menu on footer theme color are crazy. Thank you very much, I will try another platform its ok

Did you try to open another browser? im using chrome. I even open in the incognito.

So it mean in your end have a problem.

Yes, I paste and save code and refresh page. I already tryed another browser and its all the same. RIP Shopify…