# How to decrease or increase the level of a list item without coding?

**URL:** <https://forum.pinegrow.com/t/how-to-decrease-or-increase-the-level-of-a-list-item-without-coding/6246>\
**Category:** Beginners\
**Created:** [February 14, 2022, 7:41pm UTC](https://forum.pinegrow.com/t/how-to-decrease-or-increase-the-level-of-a-list-item-without-coding/6246 "2022-02-14T19:41:57Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![dculp](https://avatars.discourse-cdn.com/v4/letter/d/e47c2d/32.png) [@dculp](https://forum.pinegrow.com/u/dculp)\
**Post date:** [February 14, 2022, 7:41pm UTC](https://forum.pinegrow.com/t/how-to-decrease-or-increase-the-level-of-a-list-item-without-coding/6246/1 "2022-02-14T19:41:57Z")

</div>

If I have a list that contains an item –

```auto
<li>list_item</li>

```

I can code to decrease (demote) the level –

```auto
<ul>
   <li>list_item</li>
</ul>

```

Is there a way to do this without coding? (Expression Web has an icon to do this but I can’t find anything in Pinegrow.)

I’m trying to integrate Pinegrow with Atom but I also couldn’t find this functionality in Atom. (I realize Atom is just an editor but I thought there might be a macro or some other way to do this.)

Thanks,  
Don C.

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [February 14, 2022, 8:14pm UTC](https://forum.pinegrow.com/t/how-to-decrease-or-increase-the-level-of-a-list-item-without-coding/6246/2 "2022-02-14T20:14:08Z")

</div>

Hi @dculp,  
Not sure I get your meaning exactly. Do you just mean code formatting in the code editor? If so, the hotkey combo ‘OPTION-SHIFT-F’ (mac & linux) or ‘WIN-SHIFT-F’ (windows -I think) will format the code with proper indenting. If you are in the Tree panel, highlight the `<li>` and click the indent icon on the right.

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/a/a33b240e41ac8678a86b80ec1c4f777efb3fb5ae.png)  
This one.  
 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/9/94831a079a31e83681d6bc8b171ac4bf88fa33d9.png)  
It will move it inside the parental `<ul>`  
Hope this helps,  
Bob

---

<div class="post-metadata">

**Author:** ![dculp](https://avatars.discourse-cdn.com/v4/letter/d/e47c2d/32.png) [@dculp](https://forum.pinegrow.com/u/dculp)\
**Post date:** [February 14, 2022, 9:17pm UTC](https://forum.pinegrow.com/t/how-to-decrease-or-increase-the-level-of-a-list-item-without-coding/6246/3 "2022-02-14T21:17:57Z")

</div>

RobM –

OK. In the tree view I was clicking on the list item’s text rather than clicking on “li”.

Thanks.

---

<div class="post-metadata">

**Author:** ![anjanesh](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/anjanesh/32/4044_2.png) [@anjanesh](https://forum.pinegrow.com/u/anjanesh)\
**Post date:** [February 15, 2022, 5:16am UTC](https://forum.pinegrow.com/t/how-to-decrease-or-increase-the-level-of-a-list-item-without-coding/6246/4 "2022-02-15T05:16:34Z")

</div>

> [@RobM](#):
>
> hotkey combo ‘OPTION-SHIFT-F’ (mac & linux) or ‘WIN-SHIFT-F’ (windows -I think) will format the code with proper indenting

Can this indent according to my needs ? 4 spaces for tab.

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [February 15, 2022, 10:39am UTC](https://forum.pinegrow.com/t/how-to-decrease-or-increase-the-level-of-a-list-item-without-coding/6246/5 "2022-02-15T10:39:02Z")

</div>

Hi @anjanesh,  
You can set the indent size within the Support → Settings… menu. It is in the “Code Editing” section where you can also set your theme and font. I think it only does spaces, but I have mine set to 4.  
Cheers,  
Bob