CMS Development

Hannah-par8o
Participant

Subtitle in module rendering as different sizes?

SOLVE

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

 

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

0 Upvotes
1 Accepted solution
Jsum
Solution
Key Advisor

Subtitle in module rendering as different sizes?

SOLVE

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



View solution in original post

3 Replies 3
DaniellePeters
Top Contributor

Subtitle in module rendering as different sizes?

SOLVE

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

0 Upvotes
Hannah-par8o
Participant

Subtitle in module rendering as different sizes?

SOLVE

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.

0 Upvotes
Jsum
Solution
Key Advisor

Subtitle in module rendering as different sizes?

SOLVE

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