Font Color in individual slides in a slideshow

Store Design
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

2

@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!

1 Like
3

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;
}
1 Like
4

@dmwwebartisan Thanks a lot! Works!