# Subtitle in module rendering as different sizes?

**URL:** <https://community.hubspot.com/t/subtitle-in-module-rendering-as-different-sizes/1742>\
**Category:** CMS Development\
**Created:** [April 24, 2017, 8:21pm UTC](https://community.hubspot.com/t/subtitle-in-module-rendering-as-different-sizes/1742 "2017-04-24T20:21:59Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Hannah-par8o](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/hannah-par8o/32/97852_2.png) [@Hannah-par8o](https://community.hubspot.com/u/Hannah-par8o)\
**Post date:** [April 24, 2017, 8:21pm UTC](https://community.hubspot.com/t/subtitle-in-module-rendering-as-different-sizes/1742/1 "2017-04-24T20:21:59Z")

</div>

can’t figure this one out. Two of the exact same modules, rendering different sizes. I’ve checked styling both within the page and on the template!

Here’s the URL: [https://learn.par8o.com/340b-extender-maximized-340b-drug-program-discounts?hs\_preview=eMePpGbK-5017558909](https://learn.par8o.com/340b-extender-maximized-340b-drug-program-discounts?hs_preview=eMePpGbK-5017558909)

It’s the blue-white box under the banner at the top.

---

<div class="post-metadata">

**Author:** ![DaniellePeters](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/daniellepeters/32/6115_2.png) [@DaniellePeters](https://community.hubspot.com/u/DaniellePeters)\
**Post date:** [April 24, 2017, 9:33pm UTC](https://community.hubspot.com/t/subtitle-in-module-rendering-as-different-sizes/1742/2 "2017-04-24T21:33:50Z")

</div>

Looks like the CSS class “career-row-two” is missing from the module group on the right.

---

<div class="post-metadata">

**Author:** ![Hannah-par8o](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/hannah-par8o/32/97852_2.png) [@Hannah-par8o](https://community.hubspot.com/u/Hannah-par8o)\
**Post date:** [April 25, 2017, 6:00pm UTC](https://community.hubspot.com/t/subtitle-in-module-rendering-as-different-sizes/1742/3 "2017-04-25T18:00:41Z")

</div>

Thanks [@DaniBar](https://community.hubspot.com/t5/user/viewprofilepage/user-id/5387)! AFAIK that class adds the triangle to the bottom of the module, shouldn’t have affect on font sizing. Is there a place I can check that? I can’t add it to the module in question because the color of the triangle is wrong/don’t want the triangle.

---

<div class="post-metadata">

**Author:** ![Jsum](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jsum/32/20405_2.png) [@Jsum](https://community.hubspot.com/u/Jsum)\
**Post date:** [April 26, 2017, 10:55am UTC](https://community.hubspot.com/t/subtitle-in-module-rendering-as-different-sizes/1742/4 "2017-04-26T10:55:41Z")

</div>

@Hannah-par8o, Are you talking about the sub-headings?

You are missing a class on the blue section. here is the css applied to the sub-heading on the white box:

```auto
.career-row-two p {
 margin-top: 22px;
 margin-bottom: 22px;
 font-size: 22px;
}

```

the font size of 22px is applied to a paragraph inside the container with a class of .career-row-two.

The container for the blue container is missing the class .career-row-two so the paragraph has the styling of the body of the page only:

```auto
body {
 background: #fff;
 color: #275e77;
 font-family: 'Open Sans Condensed',sans-serif;
 font-size: 18px;
 line-height: normal;
 -webkit-font-smoothing: antialiased;
 font-smoothing: antialiased;
 text-rendering: optimizeLegibility;
 -moz-osx-font-smoothing: grayscale;
}

```