Button top and bottom inner space crop issue

[Marcal]

When customising Top (px) and Bottom (px) buttons inner space in "Customise" → "Buttons" the buttons got cropped. Is there any other way to add space?![alt text](

[arminunruh]

Hey there, so I just tried it out myself, and for me, it worked. Can you post a link here to the page where it doesn't work for you? Maybe there is something in your HTML or CSS code I'd like to take a look at.

[Marcal]

Hi Armin,

Sure, here's my web portfolio link:
https://www.marcal.net/

Let me know whether you need anything else.

[arminunruh]

.lay-carousel-sink .single-caption-inner a{
display: block!important;
}

Enter this css in "lay options" -> "custom css & html" -> "custom css"

does that work?

[Marcal]

We're almost there! Now the buttons don't crop but their width are the same as the carousel images.

[Marcal]

Still, some cropping occurs in the bottom carousel button.

[arminunruh]

try instead:

.lay-carousel-sink .single-caption-inner a{
display: inline-block!important;
margin-bottom: 5px!important;
}

[Marcal]

Works like a charm! Thank you so much ✨