i need to change text color in several places

Solved

i need to change text color in several places

Elias11
Tourist
4 0 3

i need to change the text color in several places in my store,it only done by coding and i need an expert to do it please.thank u all and have a nice day!

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
6841 1633 2013

This is an accepted solution.

Please, replace the code. Thanks!

 

#Slide-template--19638535061823__3674edcd-9cff-44ea-be95-2c1cd16a3547-1 .slideshow__text *, #Banner-template--19638535061823__c3ee6329-8663-43ab-bb7f-dcdb56180efa  .banner__box * {
    color: #fff!important;
}

 

And Save. 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 12 (12)

Made4uo-Ribe
Shopify Partner
6841 1633 2013

Hi @Elias11 

It is a header? If its in the word in the paragraph then it cant be done in the css. 

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

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Elias11
Tourist
4 0 3

hello check  here please: https://luminosalb.com/pages/learn

if u can see the text on the image,those text color that i intend to change,Thanks:)

Made4uo-Ribe
Shopify Partner
6841 1633 2013

Yes, I see it. Try this one.

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • 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:

 

.slideshow__text, .banner__box * {
    color: white !important;
}

 

  • And Save. 
  • result:
  • Made4uoRibe_0-1700844521335.pngMade4uoRibe_1-1700844528922.png
  • Note: You can change the color you like. 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Elias11
Tourist
4 0 3

yes dear i see i did it and now the text are white,but the thing is i only want the text to be white only in this page that i've sent it to u,can i do it or no?

 

 

Made4uo-Ribe
Shopify Partner
6841 1633 2013

This is an accepted solution.

Please, replace the code. Thanks!

 

#Slide-template--19638535061823__3674edcd-9cff-44ea-be95-2c1cd16a3547-1 .slideshow__text *, #Banner-template--19638535061823__c3ee6329-8663-43ab-bb7f-dcdb56180efa  .banner__box * {
    color: #fff!important;
}

 

And Save. 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Elias11
Tourist
4 0 3

done! Thank you man i really appreciate your help! good DAY!

 

informativecorn
Tourist
4 0 3

Hi can you please guide me the exact path from where i can replace it thanks, waiting for your reply.

Made4uo-Ribe
Shopify Partner
6841 1633 2013

Hi @informativecorn 

This code is for the post owner, would you mind to share your store URL so i can take a look? Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
informativecorn
Tourist
4 0 3
Made4uo-Ribe
Shopify Partner
6841 1633 2013

Thanks, Sorry to make it longer. I forgot ask which section you like to add another color of the text? 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
informativecorn
Tourist
4 0 3

No Problem, I want to change the product description text color into white shade.

informativecorn_1-1708637183608.png

 

Made4uo-Ribe
Shopify Partner
6841 1633 2013

I check it, they all in white color. 

So what I did I remove the text opacity and add a bit of glow. So the text will be more eye catching. 

Check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

<style>
body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2, .color-scheme-75996456-b109-4639-a6ef-1626af4fd314 {
    color: rgba(var(--color-foreground), 1) !important;
     text-shadow: 0 0 2px white;
}
</style>

 

And Save.

Result:

Made4uoRibe_0-1708694582277.png

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.