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!
Topic summary
Main issue: change text color in a Shopify theme.
-
For the first store (luminosalb.com/pages/learn), guidance was given to edit the theme CSS (base.css/style.css/theme.css) to make slideshow/banner text white. The solution was then refined to target only that specific page using section IDs, so other pages remain unaffected. The store owner confirmed it worked.
-
A second participant asked where to apply changes. After providing their URL (explorebeyond.store) and specifying the product description area, the helper noted the text already appeared white and said they removed opacity and added a slight glow for readability.
-
Implementation notes for the second case: instructions pointed to adding custom code near the closing tag in theme.liquid. However, the actual code snippet was not included in the post. Before/after result images were shared, which are central to understanding the change.
Status:
- First request resolved with page-specific CSS.
- Second request partially addressed; exact code details are missing, so reproducibility remains unclear/ongoing.
1 Like
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!
1 Like
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:)
1 Like
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:
-
Note: You can change the color you like.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like
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?
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!
1 Like
done! Thank you man i really appreciate your help! good DAY!
1 Like
Hi can you please guide me the exact path from where i can replace it thanks, waiting for your reply.
1 Like
This code is for the post owner, would you mind to share your store URL so i can take a look? Thanks!
1 Like
1 Like
Thanks, Sorry to make it longer. I forgot ask which section you like to add another color of the text?
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 tag and paste the code below before the tag.
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like