{"id":15640,"date":"2018-09-19T09:18:33","date_gmt":"2018-09-19T13:18:33","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=15640"},"modified":"2022-02-17T10:04:56","modified_gmt":"2022-02-17T15:04:56","slug":"working-with-heading-font-sizes-in-boldgrid-crio","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/boldgrid-crio-supertheme-product-guide\/working-with-heading-font-sizes-in-boldgrid-crio\/","title":{"rendered":"Working with Heading Font Sizes in BoldGrid Crio"},"content":{"rendered":"\n

$\"\"$ <\/p>\n

The Headings Typography<\/b> section globally controls all of your heading font sizes in your WordPress website theme<\/a> using a base font size. These are the h1, h2, h3, h4, h5, and h6 elements on the site that are used for headings and to help search engines identify the hierarchy within your site’s content.<\/p>\n

\n
In the Dashboard, navigate to Appearance → Customize<\/b><\/li>\n
In the Customizer menu, navigate to Fonts → Headings<\/b><\/li>\n
The font size you enter will be used for h5 elements<\/li>\n
The Font Size<\/b> input value can range from 6px-42px<\/b><\/li>\n
Based on your setting, the theme will calculate the corresponding h1 – h6 sizes<\/li>\n<\/ul>\n $\"Crio$ <\/a><\/p>\n
<\/p>\n
The default Font Size of 19<\/b> results in the following heading sizes:<\/p>\n
\n
h1 : 49px<\/li>\n
h2 : 40px<\/li>\n
h3 : 33px<\/li>\n
h4 : 24px<\/li>\n
h5 : 19px (Customizer value)<\/li>\n
h6 : 17px<\/li>\n<\/ul>\n
The heading sizes are calculated by using percentages, which are relative to the font-size of the h5 heading. The following is a list of the approximate values used to calculate the heading sizes in BoldGrid Crio:<\/p>\n
\n
h1 : 2.6<\/li>\n
h2 : 2.15<\/li>\n
h3 : 1.7<\/li>\n
h4 : 1.25<\/li>\n
h5 : 1<\/li>\n
h6 : 0.85<\/li>\n<\/ul>\n
Responsive Typography<\/h2>\n
BoldGrid Crio allows you to use different font sizes on different device sizes. We recommend using larger font sizes on desktop and smaller on mobile for optimal user experience.<\/p>\n
You can enter a responsive font size for large displays, desktop, tablet, and mobile. If a value is not entered, the main font size will be used.<\/p>\n
$\"\"$ <\/a><\/p>\n
To see your new font sizes, use the device preview icons at the bottom of the Customizer. The live preview will update to show you the sizes.<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"
The Headings Typography section globally controls all of your heading font sizes in your WordPress website theme using a base font size. These are the h1, h2, h3, h4, h5, and h6 elements on the site that are used for headings and to help search engines identify the hierarchy within your site’s content. In the […]<\/p>\n","protected":false},"author":529,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"Working with Heading Font Sizes in Crio | BoldGrid Crio","bgseo_description":"The Heading Font Sizes section in BoldGrid Crio globally controls all of your headings using a base font size. These are the h1, h2, h3, h4, h5, and h6 elements on the site that are used for headings and to help search engines identify the hierarchy within your site\u2019s content.","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[573],"tags":[690],"class_list":["post-15640","post","type-post","status-publish","format-standard","hentry","category-boldgrid-crio-supertheme-product-guide","tag-faq"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15640","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/529"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=15640"}],"version-history":[{"count":7,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15640\/revisions"}],"predecessor-version":[{"id":47662,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15640\/revisions\/47662"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=15640"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=15640"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=15640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}