Subtitle in module rendering as different sizes?

Developer Support CMS Development
1

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

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

2

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

3

Thanks @DaniBar! 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.

4

@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:

.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:

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;
}