Changing Text Color of Image With Text Overlay

Solved

Changing Text Color of Image With Text Overlay

Explore-Sherpa
Excursionist
37 0 12

On my store, I want to change the color of the text in an image with text overlay section. Changing the color scheme accent doesn't do anything. I am using an Influence theme and I could use some code to go into the custom css to force the change. Screenshot 2024-06-14 113018.png

Accepted Solution (1)
Guleria
Shopify Partner
4083 801 1154

This is an accepted solution.

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your theme.css file and paste the following code at the bottom:

 #shopify-section-template--21827397878039__section_image_with_text_overlay_fDLd9T h3, div#shopify-section-template--21827397878039__section_image_with_text_overlay_fDLd9T h2 {
    color: #fff !important;
}
- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder

View solution in original post

Replies 4 (4)

Guleria
Shopify Partner
4083 801 1154

Hello @Explore-Sherpa ,

 

Please share the store URL.

Thanks

- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder
Explore-Sherpa
Excursionist
37 0 12
Guleria
Shopify Partner
4083 801 1154

This is an accepted solution.

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your theme.css file and paste the following code at the bottom:

 #shopify-section-template--21827397878039__section_image_with_text_overlay_fDLd9T h3, div#shopify-section-template--21827397878039__section_image_with_text_overlay_fDLd9T h2 {
    color: #fff !important;
}
- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder
comercioservice
Shopify Partner
291 37 36
@Explore-Sherpa  hope you are well,
Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.css and paste this code on the end

@Explore-Sherpa 

 

 

.flex.flex-col.justify-center.items-start.text-left h3, .flex.flex-col.justify-center.items-start.text-left h2 {
    color: var(--colors-headings) !important;
}​

 



 

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!