Background color from default product and text color

full1sgodz
Tourist
10 0 4

Hello, 

 

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

Replies 16 (16)

Made4uo-Ribe
Shopify Partner
5363 1295 1586

Hi @full1sgodz ,

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


full1sgodz
Tourist
10 0 4

Hello, yes of course. Here you have 😄

link: https://homeartlamps.com/

pw: Milacku33!

 

thank you very much

 

Made4uo-Ribe
Shopify Partner
5363 1295 1586

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:

Ribe_Dagandara_0-1689627385781.png

I hope it help. 

 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


full1sgodz
Tourist
10 0 4

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.

 

 

full1sgodz_0-1689627942042.png

full1sgodz_1-1689628172541.png

 

 

Made4uo-Ribe
Shopify Partner
5363 1295 1586

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:

Ribe_Dagandara_0-1689629599025.png

I hope it help. 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


full1sgodz
Tourist
10 0 4

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 😄  

 

full1sgodz_0-1689630780559.png

 

Made4uo-Ribe
Shopify Partner
5363 1295 1586

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


full1sgodz
Tourist
10 0 4

pw: Moje33milacku!!!

 

full1sgodz
Tourist
10 0 4

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 😄 

Made4uo-Ribe
Shopify Partner
5363 1295 1586

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:

Ribe_Dagandara_0-1689785926314.png

 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Made4uo-Ribe
Shopify Partner
5363 1295 1586

there is more the shipping. 

.product__tax.caption.rte a {
    color: black;
}
Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


full1sgodz
Tourist
10 0 4

Hi,

I copy pasted the code and did not change anything

 

full1sgodz_0-1689799145530.pngfull1sgodz_1-1689799158639.png

 

Made4uo-Ribe
Shopify Partner
5363 1295 1586

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

Ribe_Dagandara_0-1689799877944.png

 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


full1sgodz
Tourist
10 0 4

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

Made4uo-Ribe
Shopify Partner
5363 1295 1586

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

Ribe_Dagandara_0-1689802476670.png

So it mean in your end have a problem. 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


full1sgodz
Tourist
10 0 4

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