Reduce Font Size Testimonial Slider in Fluid Engine for Mobile

Site URL: https://trombone-tiger-zfb6.squarespace.com/

Hello!

I'm looking to adjust the size of the font for the testimonial slider section in the new Fluid Engine Builder, for mobile optimization. The font is massive right now.

Any help would be appreciated, 

Thanks 

Cheryl

PW: Jellybeans1234

You mean this?

Yes I do! 

On 8/20/2022 at 8:26 AM, CFlo said:

Yes I do! 

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="62dee7ac6ef02c27f7e94882"] .slide-content * {
    font-size: 21px !important;
}
}

For some reason, my testimonial 'titles' don't seem to want to change, i've tried all the above but to no avail, any help? : / 

The content description seems to be adjusting fine. I have the testimonial block on various pages across my site, so i'm just using the section data to repeat the style application, here is my code

@media screen and (max-width: 767px) {
section[data-section-id="63fcaf3b6a9d921f53ad978d"], section[data-section-id="63ff7893e414330ac2fc9456"] { 
.list-item-content__description * {
    font-size: 12px!important;
  line-height: 15px!important
}
  }
}

link to site: https://gardenia-chicken-h6l8.squarespace.com/ 
pw: demo

The testimonials banner slideshow is located at the bottom of the homepage. 

Thank you in advance! N

On 3/3/2023 at 8:00 PM, noblestudio said:

For some reason, my testimonial 'titles' don't seem to want to change, i've tried all the above but to no avail, any help? : / 

The content description seems to be adjusting fine. I have the testimonial block on various pages across my site, so i'm just using the section data to repeat the style application, here is my code

 

@media screen and (max-width: 767px) {
section[data-section-id="63fcaf3b6a9d921f53ad978d"], section[data-section-id="63ff7893e414330ac2fc9456"] { 
.list-item-content__description * {
    font-size: 12px!important;
  line-height: 15px!important
}
  }
}

link to site: https://gardenia-chicken-h6l8.squarespace.com/ 
pw: demo

The testimonials banner slideshow is located at the bottom of the homepage. 

 

Thank you in advance! N

 

Use this

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="63fcaf3b6a9d921f53ad978d"] {
		.slide-content h2.list-item-content__title {
    font-size: 8px !important;
}
.list-item-content__description * {
    font-size: 30px !important;
}
}
}

Wonderful! Thank you @tuanphan