# Remove left padding ionic-item Ionic

**URL:** <https://forum.ionicframework.com/t/remove-left-padding-ionic-item-ionic/114782>\
**Category:** ionic-v3\
**Created:** [December 8, 2017, 1:07pm UTC](https://forum.ionicframework.com/t/remove-left-padding-ionic-item-ionic/114782 "2017-12-08T13:07:27Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![kentoj](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/kentoj/32/115595_2.png) [@kentoj](https://forum.ionicframework.com/u/kentoj)\
**Post date:** [December 8, 2017, 1:07pm UTC](https://forum.ionicframework.com/t/remove-left-padding-ionic-item-ionic/114782/1 "2017-12-08T13:07:27Z")

</div>

Is there an existing Ionic style I can use to remove the left padding on an `<ion-item>`?

![IonicPaddingLeftItem](https://global.discourse-cdn.com/ionicframework/original/3X/6/7/6750209d922af4bfea5a7e3aec1383be4b0f18ee.png)

[This post](https://forum.ionicframework.com/t/remove-padding-from-item/2215) shows how to do it in Ionic 1 and I got things working with my own styles as follows:

Item code:  
`<ion-item class="no-padding" text-center>Position</ion-item>`  
Item css:

```auto
.item-no-padding {
    padding-left: 0px;
  }

```

Is there a better way to do this or a style from the Ionic team I can use to achieve the same result?

---

<div class="post-metadata">

**Author:** ![Ben1nB1ack](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ben1nb1ack/32/114904_2.png) [@Ben1nB1ack](https://forum.ionicframework.com/u/Ben1nB1ack)\
**Post date:** [December 8, 2017, 4:10pm UTC](https://forum.ionicframework.com/t/remove-left-padding-ionic-item-ionic/114782/2 "2017-12-08T16:10:15Z")

</div>

you don’t put no-padding in class=""

```auto
<ion-item no-margin no-padding></ion-item>

```

and you might want to use

```auto
margin-left

```

instead

---

<div class="post-metadata">

**Author:** ![terranmarine](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/terranmarine/32/125840_2.png) [@terranmarine](https://forum.ionicframework.com/u/terranmarine)\
**Post date:** [April 16, 2019, 8:11am UTC](https://forum.ionicframework.com/t/remove-left-padding-ionic-item-ionic/114782/3 "2019-04-16T08:11:08Z")

</div>

There is an ionic prop for this.

```auto
<ion-item lines="full"></ion-item>

```

---

<div class="post-metadata">

**Author:** ![wmiarelli](https://avatars.discourse-cdn.com/v4/letter/w/cc9497/32.png) [@wmiarelli](https://forum.ionicframework.com/u/wmiarelli)\
**Post date:** [April 27, 2019, 10:36am UTC](https://forum.ionicframework.com/t/remove-left-padding-ionic-item-ionic/114782/4 "2019-04-27T10:36:59Z")

</div>

This seems to be not documented on the ion-item page…

---

<div class="post-metadata">

**Author:** ![AirtonEBarbosa](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/airtonebarbosa/32/126842_2.png) [@AirtonEBarbosa](https://forum.ionicframework.com/u/AirtonEBarbosa)\
**Post date:** [July 11, 2019, 9:58pm UTC](https://forum.ionicframework.com/t/remove-left-padding-ionic-item-ionic/114782/5 "2019-07-11T21:58:04Z")

</div>

You should use !important as following:

```auto
<ion-item class="noPaddingClass" text-center>Position</ion-item>

.noPaddingClass {
    padding: 0 !important;
  }

```

It is needed to overwrite ionic default style.

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 19, 2021, 10:00pm UTC](https://forum.ionicframework.com/t/remove-left-padding-ionic-item-ionic/114782/6 "2021-07-19T22:00:31Z")

</div>