Change Font Color for a Specific Slide in Slideshow - Canopy Theme

Solved
Nikhil_Bakare
Tourist
13 0 1

Hello,

I am currently using the Canopy theme for my website. I am looking to change the color of the font for the heading and subheading in the first slideshow on my website. This is the preview link since it's not a live version.

Thanks in advance for the help. 

Regards,

Nikhil

0 Likes
Natztech
Shopify Partner
1416 400 956

hello @Nikhil_Bakare 

do you want to look like this https://nimb.ws/wJWbiF

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
Nikhil_Bakare
Tourist
13 0 1

@Natztech Yes, exactly like that! 

0 Likes
Natztech
Shopify Partner
1416 400 956

This is an accepted solution.

hello @Nikhil_Bakare 


please Go to Online Store->Theme->Edit code then go to assets/styles.css ->paste below code at the bottom of the file.

 #shopify-section-1478797384865  h2.line-1.cc-animate-init {
          color: #ec0101 !important;
  }
#shopify-section-1478797384865 .line-2.large-text.cc-animate-init {
  color: #0cdc0c !important;
  }

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
Nikhil_Bakare
Tourist
13 0 1

Worked. Thank you! 

@Natztech Also, is there a way to add a background to the text with control on the opacity of the background? 

0 Likes
Natztech
Shopify Partner
1416 400 956

This is an accepted solution.

hello @Nikhil_Bakare 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

   #shopify-section-1478797384865  h2.line-1.cc-animate-init {
    background: #000000;
    opacity: 0.7;
    padding: 12px;
  }
#shopify-section-1478797384865 .line-2.large-text.cc-animate-init {
    background: #000000;
    opacity: 0.7;
    padding: 12px;
  }

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
Nikhil_Bakare
Tourist
13 0 1

Thank you again! Works smoothly. 

One last query. Need some guidance with adding a testimonial slider. 

0 Likes