Jump to content

Problem with margin and padding for the carousel summary block

Recommended Posts

Hi everyone, 

I've been looking around for an answer with no luck. I am using some custom code to add margin and padding for the carousel summary block in 7.1 but it's cutting the blocks weirdly. 

The thing is I am also not seeing an option to do this within the editor. 
I am using this code: 

.summary-item {
 background-color: white;
}
.sqs-gallery-design-carousel-slide
{
  margin: 5px;
  border-radius: 30px;
  padding: 20px !important;
}
.summary-title {
  font-family: bebas-neue;
  font-size: 20px !important;
  letter-spacing: 2px;
}

And this is a picture of how it gets cut: 

Podpik3-03.thumb.png.2848826d84e49e3de172f9bf047ec3a9.png

Anyone knows how I could fix this?

Untitled.jpg

Link to comment
  • Replies 5
  • Views 1.9k
  • Created
  • Last Reply

Top Posters In This Topic

Hey there,

Can you link to the website please so that we can inspect?

You likely need to reduce the size of the carousel items to compensate for the additional space taken up by padding etc.

Work With Me 🖥️💻📱

Please remember to tag me so that I get a notification and respond to your help requests.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me or make requests by buying me a coffee . (Caffeine fuels me to take more requests)

For Squarespace Tips & Tricks, visit @squareskills (Youtube 📺 Tutorials)

For Premium and FREE plugins, visit Squareskills (Plugin Store) 🧩

Some links may be affiliate/referral links.

Link to comment
18 hours ago, Kwamzilla said:

Hey there,

Can you link to the website please so that we can inspect?

You likely need to reduce the size of the carousel items to compensate for the additional space taken up by padding etc.

Thanks for your reply! The site isn't online yet that's why I can't send a link. I'll try reducing the size of the items. 

Link to comment
1 hour ago, agie971 said:

Thanks for your reply! The site isn't online yet that's why I can't send a link. I'll try reducing the size of the items. 

You can set a password and share it that way.

Work With Me 🖥️💻📱

Please remember to tag me so that I get a notification and respond to your help requests.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me or make requests by buying me a coffee . (Caffeine fuels me to take more requests)

For Squarespace Tips & Tricks, visit @squareskills (Youtube 📺 Tutorials)

For Premium and FREE plugins, visit Squareskills (Plugin Store) 🧩

Some links may be affiliate/referral links.

Link to comment
  • 2 years later...
On 12/7/2023 at 10:49 AM, daniellenoakes said:

hey,

 

i'm look to reduce the padding/margin on the right between these simple list carousel slides, the built in feature is being so weird and not doing anything! 

www.annajonesbridal.com/gallery

thank you ! 

Screenshot 2023-12-07 at 10.47.58.png

i used this code:

  section[data-section-id="655d10390525957a1bcce67f"] .list-item-content__text-wrapper>* {

    max-width: 80% !important;

}

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.