Jump to content

Reduce Font Size Testimonial Slider in Fluid Engine for Mobile

Recommended Posts

  • 2 weeks later...
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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 6 months later...

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

 

Link to comment
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;
}
}
}

image.thumb.png.3633981a13678e5c7b9475dd37cc63f5.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.