# 2 Column width less than 20%

**URL:** <https://forums.realmacsoftware.com/t/2-column-width-less-than-20/57773>\
**Category:** RapidWeaver Classic\
**Created:** [October 4, 2026, 2:36pm UTC](https://forums.realmacsoftware.com/t/2-column-width-less-than-20/57773 "2026-10-04T14:36:11Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![messyj232](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/messyj232/32/28368_2.png) [@messyj232](https://forums.realmacsoftware.com/u/messyj232)\
**Post date:** [October 4, 2026, 2:36pm UTC](https://forums.realmacsoftware.com/t/2-column-width-less-than-20/57773/1 "2026-10-04T14:36:11Z")

</div>

Hi everyone! My website is pretty basic… [www.StrengthTrainingNJ.com](http://www.StrengthTrainingNJ.com)

I’m using Foundation and was wondering if there was anyway I can force 2 Columns width to less than 20%? (I’m trying to move the numbers over to the left in the image below…)

Thank you!

 ![Screenshot 2026-10-04 at 10.35.25 AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/c/9c7f2c5acdd4608279b84685c08c285bdd5d6d0d.png)

---

<div class="post-metadata">

**Author:** ![thominator](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/thominator/32/35233_2.png) [@thominator](https://forums.realmacsoftware.com/u/thominator)\
**Post date:** [October 4, 2026, 4:02pm UTC](https://forums.realmacsoftware.com/t/2-column-width-less-than-20/57773/2 "2026-10-04T16:02:27Z")

</div>

I actually like the numbers where they are. What’s wrong is the “How it Works” header is too far to the left.

---

<div class="post-metadata">

**Author:** ![messyj232](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/messyj232/32/28368_2.png) [@messyj232](https://forums.realmacsoftware.com/u/messyj232)\
**Post date:** [October 4, 2026, 4:03pm UTC](https://forums.realmacsoftware.com/t/2-column-width-less-than-20/57773/3 "2026-10-04T16:03:09Z")

</div>

Thom,

Thanks! “How it works” lines up with all the previous headers (if you scroll up on the webpage)

---

<div class="post-metadata">

**Author:** ![differentdan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/differentdan/32/33530_2.png) [@differentdan](https://forums.realmacsoftware.com/u/differentdan)\
**Post date:** [October 4, 2026, 4:05pm UTC](https://forums.realmacsoftware.com/t/2-column-width-less-than-20/57773/4 "2026-10-04T16:05:48Z")

</div>

Hi @messyj232

Like this?

 ![text-align-left](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/c/cc2683cbdb60b08bc17baae118eebfb13d87a49b.png)

It does look a little strange with that much space between the numbers and your text IMHO.

---

<div class="post-metadata">

**Author:** ![messyj232](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/messyj232/32/28368_2.png) [@messyj232](https://forums.realmacsoftware.com/u/messyj232)\
**Post date:** [October 4, 2026, 4:31pm UTC](https://forums.realmacsoftware.com/t/2-column-width-less-than-20/57773/5 "2026-10-04T16:31:23Z")

</div>

No. That is not what I mean. What I would like to do is get the numbers and text moved just a bit to the left. This would be possible if I could force the SPLIT to less than 20%.

 ![Screenshot 2026-10-04 at 12.29.21 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/a/faf6b3c4e9b532f035e5b7b463da65b93f3d40bd.jpeg)

---

<div class="post-metadata">

**Author:** ![differentdan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/differentdan/32/33530_2.png) [@differentdan](https://forums.realmacsoftware.com/u/differentdan)\
**Post date:** [October 4, 2026, 4:45pm UTC](https://forums.realmacsoftware.com/t/2-column-width-less-than-20/57773/6 "2026-10-04T16:45:51Z")

</div>

So something like this?

 ![10-90-split](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/f/cfb7daafec34947c553f648b15e58bcd8bf9582c.png)

That’s what it looks like with a 10% left column, 90% right column split.

---

<div class="post-metadata">

**Author:** ![messyj232](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/messyj232/32/28368_2.png) [@messyj232](https://forums.realmacsoftware.com/u/messyj232)\
**Post date:** [October 4, 2026, 4:49pm UTC](https://forums.realmacsoftware.com/t/2-column-width-less-than-20/57773/7 "2026-10-04T16:49:09Z")

</div>

Yes! How did you do that? Thx Dan!

---

<div class="post-metadata">

**Author:** ![differentdan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/differentdan/32/33530_2.png) [@differentdan](https://forums.realmacsoftware.com/u/differentdan)\
**Post date:** [October 4, 2026, 5:04pm UTC](https://forums.realmacsoftware.com/t/2-column-width-less-than-20/57773/8 "2026-10-04T17:04:17Z")

</div>

Add to custom CSS code section in RapidWeaver.

```css
#stacks_in_4913_page0>.s3_row>.s3_column_left {
    width: 10%;
}
#stacks_in_4913_page0>.s3_row>.s3_column_right {
    width: 90%;
}
#stacks_in_4916_page0>.s3_row>.s3_column_left {
    width: 10%;
}
#stacks_in_4916_page0>.s3_row>.s3_column_right {
    width: 90%;
}
#stacks_in_4923_page0>.s3_row>.s3_column_left {
    width: 10%;
}
#stacks_in_4923_page0>.s3_row>.s3_column_right {
    width: 90%;
}
#stacks_in_4930_page0>.s3_row>.s3_column_left {
    width: 10%;
}
#stacks_in_4930_page0>.s3_row>.s3_column_right {
    width: 90%;
}

```

If that doesn’t work then:

```css
#stacks_in_4913_page0>.s3_row>.s3_column_left {
    width: 10% !important;
}
#stacks_in_4913_page0>.s3_row>.s3_column_right {
    width: 90% !important;
}
#stacks_in_4916_page0>.s3_row>.s3_column_left {
    width: 10% !important;
}
#stacks_in_4916_page0>.s3_row>.s3_column_right {
    width: 90% !important;
}
#stacks_in_4923_page0>.s3_row>.s3_column_left {
    width: 10% !important;
}
#stacks_in_4923_page0>.s3_row>.s3_column_right {
    width: 90% !important;
}
#stacks_in_4930_page0>.s3_row>.s3_column_left {
    width: 10% !important;
}
#stacks_in_4930_page0>.s3_row>.s3_column_right {
    width: 90% !important;
}

```

---

<div class="post-metadata">

**Author:** ![messyj232](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/messyj232/32/28368_2.png) [@messyj232](https://forums.realmacsoftware.com/u/messyj232)\
**Post date:** [October 4, 2026, 5:21pm UTC](https://forums.realmacsoftware.com/t/2-column-width-less-than-20/57773/9 "2026-10-04T17:21:23Z")

</div>

Dan, you are a beautiful person. If you ever come to the Jersey shore (USA), I will buy you a coffee or cocktail. Thank you!
