Change font size in slideshow - Canopy Theme

Technical Q&A
1

Hey everyone! Does anybody know how to change the font size - using code - on a few slideshows I have placed on the home page? The theme I am currently using is Canopy. Thanks in advance!!

2

Consider adding a store link so that devs can look into css.

3

Thank you for that! My bad…

4

The store’s original address is https://teafyme.myshopify.com/ or www.teaforme.eu which is the primary domain now.

1 Like
5

@georgioskallin

thanks for details you have easy to change font size on section setting please first this if you don’t find so add below code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/styles.css ->paste below code at the bottom of the file.
@media (min-width: 1200px) {
#section-id-template--15525117329635__1478797384865 .slide-1 .line-1 {
    font-size: 24px !important;
}
#section-id-template--15525117329635__1478797384865 .rte {
    font-size: 18px !important;
}
}
6

@KetanKumar thank you for that. I can only change the heading size in the section settings, inside the editor. It won’t let me change the text size, that’s why I would need to code it in.

I did paste the above code at the end of styles.css , but it only affects the first slideshow (both header and text) and not the other two slideshows I have placed in the home page.

Maybe there is a way to change the text size of all slideshows - not particular ones - being used in the site?

1 Like
7

@georgioskallin

yes, if you have used above code its work

8

@KetanKumar I did use the code and I can indeed adjust the font size of the first slideshow, but only the first one and not the others.