Problem with margin and padding for the carousel summary block

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: 

Anyone knows how I could fix this?

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.

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. 

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.