Jump to content

Carousel Auto-layout

Recommended Posts

 

Hello,

I'm trying to find a solution for the testimonials section. One of the testimonials is longer than the others, causing a gap between the arrows and the box for the shorter ones, more visible especially on mobile. 

Also, is it possible to modify just a portion of the title text? For example, I'd like to apply a different style or make the "(translated from German)" part smaller.

If not, what other options do I have to create a carousel that is more customizable?

The password for the website is hello.

 

Thank you!

 

image.png.ea78579c746f25ad71c6d1acb9eb9c8d.pngimage.png.4713c5cf5bb5879ff5ff33cfb62ff9ba.png

 

 

Link to comment
  • Replies 3
  • Views 229
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • 2 weeks later...
On 9/10/2024 at 11:04 PM, Andas said:

https://www.karinaklaus.com/ it's on the homepage, password hello

You can consider make text shorter by using this code to Website Tools > Custom CSS

@media screen and (max-width:767px) {
body.homepage h2.list-item-content__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
}
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.