# Chain only right-left padding?

**URL:** <https://forum.pinegrow.com/t/chain-only-right-left-padding/4788>\
**Category:** Styling (CSS)\
**Tags:** feature-request, css\
**Created:** [December 28, 2020, 10:41am UTC](https://forum.pinegrow.com/t/chain-only-right-left-padding/4788 "2020-12-28T10:41:23Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![beno](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/beno/32/2929_2.png) [@beno](https://forum.pinegrow.com/u/beno)\
**Post date:** [December 28, 2020, 10:41am UTC](https://forum.pinegrow.com/t/chain-only-right-left-padding/4788/1 "2020-12-28T10:41:23Z")

</div>

Is it possible to chain only the right-left padding controls (not all paddings including the top and bottom)?

Some modifier key or any other way?

Thanks!

![CleanShot 2020-12-28 at 20.21.55](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/0/002712b9df7f4973730dee07e59b4da0007cfd9f.gif)

---

<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:** [December 28, 2020, 11:26am UTC](https://forum.pinegrow.com/t/chain-only-right-left-padding/4788/2 "2020-12-28T11:26:04Z")

</div>

Someone can correct me if i’m wrong, but I don’t think that there is.

---

<div class="post-metadata">

**Author:** ![mxs](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/mxs/32/2943_2.png) [@mxs](https://forum.pinegrow.com/u/mxs)\
**Post date:** [December 28, 2020, 5:41pm UTC](https://forum.pinegrow.com/t/chain-only-right-left-padding/4788/3 "2020-12-28T17:41:26Z")

</div>

> [@beno](#):
>
> chain only the right-left padding

Not sure what you mean by “chain only” but there are serveral ways to change the padding.  
CSS .class {padding:0 10px;} this will give you no padding at the top & bottom

Bootstrap: uses class mx-1 to achieve much the same thing

---

<div class="post-metadata">

**Author:** ![beno](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/beno/32/2929_2.png) [@beno](https://forum.pinegrow.com/u/beno)\
**Post date:** [December 28, 2020, 6:22pm UTC](https://forum.pinegrow.com/t/chain-only-right-left-padding/4788/4 "2020-12-28T18:22:24Z")

</div>

Thanks,

Yes i know. but i mean using the ui.

When i drag the margin / padding i have an option to “Chain” them (meke all of them  
respond to my dragging at once), but usually you set seperate value for left-right padding,  
and for the bottom-top padding (/margin).

![CleanShot 2020-12-28 at 20.21.55](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/0/002712b9df7f4973730dee07e59b4da0007cfd9f.gif)

---

<div class="post-metadata">

**Author:** ![red-rosefields](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/red-rosefields/32/5392_2.png) [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Post date:** [December 28, 2020, 8:17pm UTC](https://forum.pinegrow.com/t/chain-only-right-left-padding/4788/5 "2020-12-28T20:17:06Z")

</div>

Yes, this is one of those small little detail that would improve UI.

---

<div class="post-metadata">

**Author:** ![droidgoo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/droidgoo/32/2209_2.png) [@droidgoo](https://forum.pinegrow.com/u/droidgoo)\
**Post date:** [December 28, 2020, 10:56pm UTC](https://forum.pinegrow.com/t/chain-only-right-left-padding/4788/6 "2020-12-28T22:56:42Z")

</div>

want this.

my workaround is to manually add the extra 0 to the rule up in the CSS rule display area, and then put my cursor on the 0 i just added for using drag or the up/dn keys to change the value separately from the other one.

---

<div class="post-metadata">

**Author:** ![beno](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/beno/32/2929_2.png) [@beno](https://forum.pinegrow.com/u/beno)\
**Post date:** [December 29, 2020, 7:10am UTC](https://forum.pinegrow.com/t/chain-only-right-left-padding/4788/7 "2020-12-29T07:10:16Z")

</div>

I’m not sure i understand, but it doesn’t seem like your workaround will do it. the goal here is to change the right-left (or bottom-top) paddings together…

---

<div class="post-metadata">

**Author:** ![snowfeald](https://avatars.discourse-cdn.com/v4/letter/s/57b2e6/32.png) [@snowfeald](https://forum.pinegrow.com/u/snowfeald)\
**Post date:** [December 29, 2020, 11:41am UTC](https://forum.pinegrow.com/t/chain-only-right-left-padding/4788/8 "2020-12-29T11:41:18Z")

</div>

this is where webflow starts to win over pinegrow (not overall of course!) small touches like this save a few seconds and that adds up.

---

<div class="post-metadata">

**Author:** ![droidgoo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/droidgoo/32/2209_2.png) [@droidgoo](https://forum.pinegrow.com/u/droidgoo)\
**Post date:** [December 29, 2020, 4:37pm UTC](https://forum.pinegrow.com/t/chain-only-right-left-padding/4788/9 "2020-12-29T16:37:21Z")

</div>

if you put your cursor on the number up in the style panel you can do the same thing with the up/dn arrows

`padding: 25px 15px`

put the cursor on the 25 to change top/bottom padding at the same time  
put the cursor on the 15 to change right/left padding at the same time

---

<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:** [December 29, 2020, 7:47pm UTC](https://forum.pinegrow.com/t/chain-only-right-left-padding/4788/10 "2020-12-29T19:47:59Z")

</div>

Good one @droidgoo! Didn’t think about this approach.

---

<div class="post-metadata">

**Author:** ![beno](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/beno/32/2929_2.png) [@beno](https://forum.pinegrow.com/u/beno)\
**Post date:** [December 29, 2020, 8:53pm UTC](https://forum.pinegrow.com/t/chain-only-right-left-padding/4788/11 "2020-12-29T20:53:29Z")

</div>

Thanks, but i think it should be simpler then that and mouse enabled. other wise i can just write code with text editor 🙂

---

<div class="post-metadata">

**Author:** ![droidgoo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/droidgoo/32/2209_2.png) [@droidgoo](https://forum.pinegrow.com/u/droidgoo)\
**Post date:** [December 29, 2020, 9:16pm UTC](https://forum.pinegrow.com/t/chain-only-right-left-padding/4788/12 "2020-12-29T21:16:05Z")

</div>

fair point… and i often do.

no ONE tool is going to do everything you want to do.

that’s literally why tool boxes exist.

---

<div class="post-metadata">

**Author:** ![Cary](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/cary/32/6029_2.png) [@Cary](https://forum.pinegrow.com/u/Cary)\
**Post date:** [January 24, 2024, 3:26pm UTC](https://forum.pinegrow.com/t/chain-only-right-left-padding/4788/13 "2024-01-24T15:26:25Z")

</div>

I also would like this feature, but with the ability to equally set just left and right margins, top and bottom padding or top and bottom margins.
