Jump to content

Add Custom Padding Between Carousel Content

Recommended Posts

  • Replies 6
  • Views 769
  • Created
  • Last Reply

Hey Simkrys, what you're looking for is margin not padding. I've first targeted the specific summary block you're using then the summary items within it. Use this bit of CSS:

#block-yui_3_17_2_1_1616980247371_7874 .summary-item {
   margin:10px;
}

Hope that helps!

Hey there, my name is Will and I help Squarespace designers and developers with my plugins, tutorials, and my Code Curious Membership
  
I would be happy to answer any questions you have about Javascript, CSS, or the meaning of life  - I'm an expert in 2 of these. 

Youtube | Website

Link to comment
On 3/29/2021 at 1:23 PM, simkrys said:

thanks so much! i didnt think to target the specific block since i wanted the same styling for all carousels. this'll point me in the rught direction, thanks!

On tablet, the layout doesn't look good.

Do you want to increase its width?

image.thumb.png.cf35dce35d091f74ff3cfff552af4c57.png

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
On 4/2/2021 at 4:30 AM, simkrys said:

hi @tuanphan i tried editing tablet view but nothing seems to be changing. I have this so far:


@media screen and (max-width:767){

//Poster Image Card
.sqs-block-image .design-layout-poster .image-card{
    width: 90vw;
	}
}

 

Add to Design > Custom CSS

/* Fix banner text */
@media screen and (max-width:991px) and (min-width:768px) {
div#page-section-60612d0cef866f45aff9b5ae .image-card {
    margin-left: 10vw !important;
    margin-right: 0 !important;
    width: 60%;
    margin-top: -40vw;
}
}

image.thumb.png.87cbee1ab03861bb2269441b26e1c185.png

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

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.