Jump to content

Testimonial slider tablet view

Recommended Posts

  • Replies 6
  • Created
  • Last Reply

May you try this snippet in custom css, Settings->Design->Custom Css

section[data-section-id="5f6b8bd78eae7008fe79186e"] .content-wrapper {
  padding: 0 !important;
  padding-top: calc(30vmax / 5);
}

image.thumb.png.14f23c2192e76dfe019c3d4ddc0a0892.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
6 hours ago, ilonapoutanen said:

Unfortunately it didn't work. It gives "syntax error" for this line:  padding-top: calc(30vmax / 5);

Sorry it's the limitation of custom css panel, we may want to turn it into custom code

Settings -> Advanced -> Code Injection -> Header

<style>
	section[data-section-id="5f6b8bd78eae7008fe79186e"] .content-wrapper {
      padding: 0 !important;
      padding-top: calc(30vmax / 5);
    }
</style>

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
<style>
	section[data-section-id="5f6b8bd78eae7008fe79186e"] .content-wrapper {
      	padding: 0 !important;
      	padding-top: calc(30vmax / 5);
    }
	@media only screen and (max-width: 600px) {
		section[data-section-id="5f6b8bd78eae7008fe79186e"] .content-wrapper {
	      	padding: 20px !important;
	    }
	}	
</style>

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.