Font Color in individual slides in a slideshow

Solved
Nikhil_Bakare
Tourist
13 0 1

Hi, 

I am currently using the Canopy theme. I got to know how to change the font color for a particular slideshow, but I'm looking for a way to have two different font colors for two different slides in the same slideshow. For example, currently, the font for the first slide and second slide of my banner/hero images is white. I'm looking for a way to change just the first slide's font to black. 

My store is https://safetoplate.com/ .  Thanks in advance. 

Regards,

Nikhil Bakare

0 Likes
dmwwebartisan
Shopify Partner
7361 1742 2329

This is an accepted solution.

@Nikhil_Bakare 

Please add the following code at the bottom of your assets/styles.css file.

#section-id-1478797384865 .slide-1 .line-1{
color:#000 !important;
}

#section-id-1478797384865 .slide-2 .line-1{
color:#fff !important;
}

thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
LamQSolutions
Pathfinder
113 26 39

This is an accepted solution.

To change the color, you can install my free app Custom CSS and add the following code

If you don't want to install the app, you can add the following at the bottom of your assets/styles.scss.liquid or assets/theme.scss.liquid file

#shopify-section-1478797384865 h2.line-1.cc-animate-init,
#shopify-section-1478797384865 .line-2.cc-animate-init {
  color: #000 !important;
}
Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our apps
Scrolly Telling creating scroll-based animations visually.
Awesome Product Description adding tabs and beautiful contents to product description.
Nikhil_Bakare
Tourist
13 0 1

@dmwwebartisan Thanks a lot! Works! 

0 Likes