Hello,
I am having trouble figuring out how to change the text color of a heading that overlays a slideshow. The heading is in transparent mode, so there is no background only the pictures that run through the “Hero” slideshow.
I am using the Impulse theme in the “Clean” style.
I wanted to have the text color match the colors that I have throughout the website, hex code #97FF97.
Also, I wasn’t able to figure out how to change the button text color on the slideshow to this same color.
The website is https://sovereign-banane.myshopify.com/
Please let me know if you can help!
Thanks
To change the text color of the heading that overlays the slideshow in the Impulse theme, you can follow these steps:
- Go to your Shopify admin and navigate to “Online Store” > “Themes”.
- Find the Impulse theme and click on “Customize” to access the theme editor.
- In the left sidebar of the theme editor, click on “Sections” and find the section that controls the slideshow. It might be called “Hero” or “Slideshow”.
- Click on the section to open its settings.
- Look for the options related to the heading text color. It might be labeled as “Heading color” or “Text color”.
- Enter the hex code #97FF97 in the color picker or custom color field to set the desired text color for the heading.
@samgairaud add below css into slideshow.css file
.bls__slideshow .swiper-slide-active .sf__slide-content>*:nth-child(1) {
color: #97FF97;
}
.bls__slideshow .swiper-slide-active .sf__slide-content>*:nth-child(2) {
color: #97FF97;
}
.bls__slideshow .swiper-slide-active .sf__slide-content>*:nth-child(3) {
color: #97FF97;
}
Hi @samgairaud ,
This is Henry at PageFly - Shopify Advanced Page Builder app.
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag
Hope this answer helps.
Best regards,
Henry | PageFly
