Jump to content

Add Custom Padding Between Carousel Content

Go to solution Solved by WillMyers,

Recommended Posts

  • Solution

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-o, my name is Will and I help Squarespace designers and developers with technical things.

I would be happy to answer any questions you have about Javascript, CSS, or the meaning of life  - although I'm only an expert in 2 of these. 

Check out my plugin store or sign up for my newsletter

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

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
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

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.