# CSS Spacing Between Stacks

**URL:** <https://forums.realmacsoftware.com/t/css-spacing-between-stacks/17118>\
**Category:** RapidWeaver Classic\
**Created:** [November 14, 2017, 6:07pm UTC](https://forums.realmacsoftware.com/t/css-spacing-between-stacks/17118 "2017-11-14T18:07:07Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![omniaaron](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/omniaaron/32/6586_2.png) [@omniaaron](https://forums.realmacsoftware.com/u/omniaaron)\
**Post date:** [November 14, 2017, 6:07pm UTC](https://forums.realmacsoftware.com/t/css-spacing-between-stacks/17118/1 "2017-11-14T18:07:07Z")

</div>

Any clues how to decrease the space beneath the word “Adoption” (in red) on this page and the buttons beneath it? I’ve tried Line Spacing. I’m using Stacks: FontStack (by Stacks4Stacks) and Button Press (by Doobox).

[http://www.marc4change.org](http://www.marc4change.org)  
Thanks in advance!  
-Aaron

---

<div class="post-metadata">

**Author:** ![robbeattie](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/robbeattie/32/78_2.png) [@robbeattie](https://forums.realmacsoftware.com/u/robbeattie)\
**Post date:** [November 14, 2017, 6:28pm UTC](https://forums.realmacsoftware.com/t/css-spacing-between-stacks/17118/2 "2017-11-14T18:28:11Z")

</div>

It looks as though the text there has a bottom margin of 1.25em - see attached screenshot. I can change it using ‘Inspect Element’ in Chrome but wouldn’t like to hazard how to target that specific element because to me it looks like that would change all the spaces at the end of every paragraph.

I’m sure it’s relatively easy and that someone with more CSS skill than I can help you out.

Rob ![screenshot_70](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/b/bfdfe12880fe6f91a5064db6f5ab43aa52ff97a5.jpg)

---

<div class="post-metadata">

**Author:** ![omniaaron](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/omniaaron/32/6586_2.png) [@omniaaron](https://forums.realmacsoftware.com/u/omniaaron)\
**Post date:** [November 14, 2017, 6:48pm UTC](https://forums.realmacsoftware.com/t/css-spacing-between-stacks/17118/3 "2017-11-14T18:48:36Z")

</div>

Thanks for your reply. Indeed that seems to affect the whole page; I’m wondering if I can target the space of that specific area only. Strange. 🙂

---

<div class="post-metadata">

**Author:** ![robbeattie](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/robbeattie/32/78_2.png) [@robbeattie](https://forums.realmacsoftware.com/u/robbeattie)\
**Post date:** [November 14, 2017, 6:52pm UTC](https://forums.realmacsoftware.com/t/css-spacing-between-stacks/17118/4 "2017-11-14T18:52:32Z")

</div>

I’m sure you can Aaron. Just needs someone with more CSS skills than I.

I _wish_ there was an idiot-proof tool that let you isolate stuff like this so you could apply the CSS to the right bit.

Rob

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [November 14, 2017, 7:23pm UTC](https://forums.realmacsoftware.com/t/css-spacing-between-stacks/17118/5 "2017-11-14T19:23:57Z")

</div>

There are a couple of ways. The simplest would be to change the bottom margin of the paragraph `p` to use REM units and not EM units.

```
p {
    margin-bottom: 1.25rem;
}

```

If you want to target just that single stack then you could do it by the stack ID:

```
#stacks_in_24973_page0 p {
     margin-bottom: 1.25rem;
}
```

---

<div class="post-metadata">

**Author:** ![omniaaron](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/omniaaron/32/6586_2.png) [@omniaaron](https://forums.realmacsoftware.com/u/omniaaron)\
**Post date:** [November 14, 2017, 8:01pm UTC](https://forums.realmacsoftware.com/t/css-spacing-between-stacks/17118/6 "2017-11-14T20:01:47Z")

</div>

Wow! Thank you so much! Y’all AMAZE me!

---

<div class="post-metadata">

**Author:** ![omniaaron](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/omniaaron/32/6586_2.png) [@omniaaron](https://forums.realmacsoftware.com/u/omniaaron)\
**Post date:** [November 14, 2017, 8:18pm UTC](https://forums.realmacsoftware.com/t/css-spacing-between-stacks/17118/7 "2017-11-14T20:18:54Z")

</div>

Oh! Question while we’re at it, if you’re willing… Any way to make the underline go away in the front page Headlines (porting in from Armadillo blog)?

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [November 14, 2017, 8:30pm UTC](https://forums.realmacsoftware.com/t/css-spacing-between-stacks/17118/8 "2017-11-14T20:30:12Z")

</div>

Try this:

```
.armadilloBlogHeadlineEntry a,.armadilloBlogHeadlineEntry a:visited {
    text-decoration: none;
}
```

---

<div class="post-metadata">

**Author:** ![omniaaron](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/omniaaron/32/6586_2.png) [@omniaaron](https://forums.realmacsoftware.com/u/omniaaron)\
**Post date:** [November 14, 2017, 8:39pm UTC](https://forums.realmacsoftware.com/t/css-spacing-between-stacks/17118/9 "2017-11-14T20:39:09Z")

</div>

OMG! You guys rock! Thank you!

---

<div class="post-metadata">

**Author:** ![robbeattie](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/robbeattie/32/78_2.png) [@robbeattie](https://forums.realmacsoftware.com/u/robbeattie)\
**Post date:** [November 15, 2017, 7:48am UTC](https://forums.realmacsoftware.com/t/css-spacing-between-stacks/17118/10 "2017-11-15T07:48:07Z")

</div>

If you’ve got the time and inclination Doug, can you explain how you concluded which was the correct stack ID to use?

I’d have said it was 24974, for example…and why choose the ‘stacks\_in’ variant of 24973, rather than the ‘stacks\_out’ one?

Many thanks

Rob

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [November 15, 2017, 5:05pm UTC](https://forums.realmacsoftware.com/t/css-spacing-between-stacks/17118/11 "2017-11-15T17:05:41Z")

</div>

Rob (@robbeattie),

In this case, the 24974 was on a span element, which contained a paragraph. The `<span>` is an inline element, a `<p>` (paragraph) is a block-level element. From a syntax point of view ([W3C Specs](https://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.4)), that span should have been a `<div>`, an inline element should not have contained a block level element.

It would have worked being on the span since most all browsers forgive a lot of syntax errors, including that one.

As for stack-in vs. stacks-out, as a rule, I don’t like applying custom CSS to either. It’s an assigned value, if you move the stack to another page, place it in a partial, copy it to another page, or copy it to another project the value changes. So six months down the road, you decide to move that section to a different page, now any custom CSS applied to using the stack ID stops working.  
Unfortunately, most stacks don’t allow you add a user assigned ID or a CSS Class name. You could place the code inside something like Joe Workmans CSS Box stack.  
In the example above were using A descendant selector in CSS. That will apply the CSS to any paragraph that is a descendant of any element that has the ID on it. So you could have used the id from the stacks-in or stacks-out and it would have worked. You could have even gone up the parent chain farther, and apply it to the entire row:

```
#stacks_in_24959_page0 p {
     margin-bottom: 1.25rem;
}

```

 ![2017-11-15_10-02-00](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/8/86e727d8c20bc78938eb4e5ffe4d5927cf5b0b22.png)

---

<div class="post-metadata">

**Author:** ![swilliam](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/swilliam/32/14799_2.png) [@swilliam](https://forums.realmacsoftware.com/u/swilliam)\
**Post date:** [November 15, 2017, 6:08pm UTC](https://forums.realmacsoftware.com/t/css-spacing-between-stacks/17118/12 "2017-11-15T18:08:59Z")

</div>

I always recommend puting it in Joe’s free CSS box stack that allows you to add your own ID or class to the contents.

---

<div class="post-metadata">

**Author:** ![robbeattie](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/robbeattie/32/78_2.png) [@robbeattie](https://forums.realmacsoftware.com/u/robbeattie)\
**Post date:** [November 16, 2017, 1:11pm UTC](https://forums.realmacsoftware.com/t/css-spacing-between-stacks/17118/13 "2017-11-16T13:11:14Z")

</div>

Many thanks for the detailed explanation. And for suggesting Joe’s CSS Box stack. I might try and experiment with that. Good idea.

Cheers

Rob

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [November 22, 2017, 1:11pm UTC](https://forums.realmacsoftware.com/t/css-spacing-between-stacks/17118/14 "2017-11-22T13:11:35Z")

</div>

Closed on November 22, 2017, 1:11pm UTC

This topic was automatically closed 6 days after the last reply. New replies are no longer allowed.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [August 12, 2026, 10:23pm UTC](https://forums.realmacsoftware.com/t/css-spacing-between-stacks/17118/15 "2026-08-12T22:23:29Z")

</div>

Unlisted on August 12, 2026, 10:23pm UTC