Babson 2021 FULL
Babson 2021 FULL
Heading 1 TinyMCE
Intro Paragraph text Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Paragraph Heading text Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Heading 2 Heading Heading Heading Heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita deserunt voluptatibus possimus nulla illo eum totam harum blanditiis itaque dolorum dolore.
Compare H1 in breakpoints
Compare H2 in breakpoints
Compare H3 in breakpoints
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita deserunt voluptatibus possimus nulla illo eum totam harum blanditiis itaque dolorum dolore.
Heading 4 Heading Heading Heading Heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur.
Heading 5 Heading Heading Heading Heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur.
Heading 6 Heading Heading Heading Heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur.
-
H1
-
desktop 56px | tablet 40px | mobile 34px
-
font-weight: 400 | color: #006644 | Oswald
-
-
H2
-
desktop 48px | tablet 36px | mobile 30px
-
font-weight: 400 | color: #006644 | Oswald
-
-
H3
-
desktop 44px; tablet 32px; mobile 28px
-
font-weight: 300 | color: #006644 | Oswald
-
-
H4
-
desktop 32px; tablet 24px; mobile 22px
-
font-weight: 300 | color: #006644 | Oswald
-
-
H5
-
desktop 22px | tablet 22px | mobile 20px
-
font-weight: 600 | color: #464646 | Zilla Slab
-
-
H6
-
desktop 22px | tablet 22px | mobile 20px
-
font-weight: 400 | color: #464646 | Zilla Slab
-
-
Intro P
-
desktop 24px | 20 tablet + mobile
-
font-weight: 400 | color: #464646 | Arial
-
-
P tag
-
desktop 20px | tablet 18px | mobile 18px
-
font-weight: 400 | color: #464646 | Zilla Slab
-
-
ALL CAPS SPECIALTY HEADING
-
desktop 30px | tablet 26px | mobile 24px
-
font-weight: 300 | color: #368180 | Oswald
-
Border-top: 2px solid #006644
-
-
Links - generally link are Courtyard Green | Bold | Underlined
-
Link hover is a Courtyard Green Background with white text
-
If the is originally white, the hover is reversed (white background with Courtyard Green text)
-
Heading on Cards are not getting underlines (hoping to eventually remove link from header in cards)
-
GEN CONTENT BLOCK 81
Link H2
Link H3
Link H4
Link H5
Link H6
Link whole h6 with chevron>>
General Content Block 81 Bottom left cut corner, Blue Heather Lt bg, Babson gr border, added space btwn outside edge and text -this is general s section link: Who We Are in a general content block typed in
second paragraph of General Content Block second paragraph of General Content Block second paragraph of General Content Block second paragraph of General Content Block second paragraph of General Content Block second paragraph of General Content Block second paragraph of General Content Block second paragraph of General Content Block second paragraph of General Content Block second paragraph of General Content Block
General Content Block more-margin-bottom 30px
Next line
Next line
Normal Content
General Content Block less-margin-bottom 10px
Next line normal
next line
General Content Block no-margin-bottom 0px
Next line normal
next line
Intro text link.
Body text link.
H2 Heading Link
H2 Heading link with chevron >>
H2 Heading has chevron image lowercase
H2 HEADING HAS CHEVRON IMAGE UPPERCASE
H3 Heading link
H3 Heading link with chevron >>
H3 Heading has chevron image lowercase
H3 HEADING HAS CHEVRON IMAGE UPPERCASE
H4 Heading link
H4 Heading link with chevron >>
H4 Heading has chevron image lowercase
H4 HEADING HAS CHEVRON IMAGE UPPERCASE
H5 Heading link
H5 Heading link with chevron >>
H5 Heading has chevron image lowercase
H5 HEADING HAS CHEVRON IMAGE UPPERCASE
H6 Heading link
H6 Heading link with chevron >>
H6 Heading has chevron image lowercase
H6 HEADING HAS CHEVRON IMAGE UPPERCASE
When a whole text line is a link, adding chevrons to the end of the line and assigning the Chevron class (has-chevron) to the line removes the bolding and underline, and allows the >> to indicate there is a link.
To give line of text the .has-chevron class and remove the underline
- Highlight the complete line
- In the TinyMce menu, click on Format > Formats > Custom Formats, and scroll to the bottom and choose "has-chevron"
- When the .has-chevron class has been given, make sure the line of text is still highlighted, and click on the Links button in the menu to choose a line
Note: make sure to choose the class first, then choose the link.
- Bulleted list of items link
- Bulleted list of items
- Bulleted list of items
- Bulleted list of items link
- Bulleted list of items
- Numbered list of items link
- Numbered list of items
- Numbered list of items
Body Text has chevron image lowercase