Designating theme fonts that are not installed on the user's computer.
Content Block
name
Outcome
rich-link-hovers
true
id
1042866408
class
tight manual-outcome-flex
Google, Fonts.com, Typekit, or Typography.com are all supported webfont services supported by Theme Press. Additionally, you can embed fonts in your theme.
Content Block
name
Steps
rich-link-hovers
true
id
494842117
class
steps-block numbered manual-steps-flex
Navigate to Sources in the Font area of the Theme Designer.
(1) Sign into Typography's website (2) Access a project (3) Select the Tools (gear) icon then CSS Key (4) Note the numbers between cloud.typography.com/ and /css/fonts.css
1234/5678
Content Block
name
Note
rich-link-hovers
true
id
495965127
class
manual-note-flex
collapsible
collapse
Note
If using:
Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
Add the tight-bottom class to the Steps block above to narrow the gap between the two blocks.
Content Block
name
Tip
rich-link-hovers
true
id
894522670
class
manual-tip-flex
collapsible
collapse
Tip
If using:
Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.
Content Block
name
Warning
rich-link-hovers
true
id
894530759
class
manual-warning-flex
collapsible
collapse
Warning
If using:
Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.
Content Block
name
Info
rich-link-hovers
true
id
894537203
class
manual-info-flex
collapsible
collapse
Info
If using:
Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.
Content Layer
background-color
$lightGrayColor
name
Related
id
888168050
Content Column
name
Related
width
100%
id
888168051
Content Block
rich-links-hide-description
true
rich-link-hovers
true
rich-links-columns
4
rich-links-vertical
true
rich-links-image-height
100px
rich-links-hide-site-icon
true
rich-links-details-padding
10px
name
Related
rich-links-enable
true
border-width
0
rich-links-details-alignment
left
rich-links-margin
20px 30px 0 0
id
496234544
class
related-block clean manual-related-flex
Replace me with a link
Replace me with a link
Aim for 4 or fewer related links. If we need more, that's okay. Be judicious. Delete me when you're done.