How to change .item-content when using <ion-item>


I am using <ion-item> so I can benefit from swiping. On one particular page I want no left and right padding in .item-content that is automatically applied by ion-item. How can I do this? When I change the existing css for .item-content, then all other item lists are “broken”.

Thanks for any hint!


You can add a class to your ion-item, no-padding i.e… If you add that class to your css and remove the padding, the other ion-items wont break

Thanks for your answer. That’s the first thing I checked, but applying it to ion-item does not change it in item-content. {
  padding-left:0 !important;

That removes the padding