Remove padding on card inside slidebox

ionic-v1
1

Hi Guys,

I have a card occupying the full size of each slide on slidebox and it leaves a padding / margin around each card. Can someone help with style to remove this padding from cards inside slidebox and make it occupy the full screen size?

Maybe,my question should be reframed as: How to remove margin/padding around simple cards in Ionic to make it occupy full size?

2

To remove the padding and margin you can do this:

<div class="card no-margin">
    <div class="item item-text-wrap no-padding">
        This is a card with the padding and margin removed.
    </div>
</div>

CSS:

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

That will make it take up the full width, but not the full height.

3 Likes