Changing Text Color of Image With Text Overlay

Solved

Changing Text Color of Image With Text Overlay

Explore-Sherpa
Excursionist
28 0 8

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
3238 630 906

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;
}
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me. - Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
- Support me PayPal

View solution in original post

Replies 4 (4)

Guleria
Shopify Partner
3238 630 906

Hello @Explore-Sherpa ,

 

Please share the store URL.

Thanks

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me. - Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
- Support me PayPal
Explore-Sherpa
Excursionist
28 0 8
Guleria
Shopify Partner
3238 630 906

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;
}
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me. - Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
- Support me PayPal
round
Shopify Partner
113 18 10
@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.