{"id":253,"date":"2024-01-09T12:26:46","date_gmt":"2024-01-09T17:26:46","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/pbtips\/?post_type=chapter&#038;p=253"},"modified":"2024-01-17T17:39:21","modified_gmt":"2024-01-17T22:39:21","slug":"reducing-padding-around-headings","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/pbtips\/chapter\/reducing-padding-around-headings\/","title":{"raw":"Reducing Padding Around Headings","rendered":"Reducing Padding Around Headings"},"content":{"raw":"Using pre-designed themes in Pressbooks provides consistent and visually appealing spacing around headings to improve readability and aesthetics. The default padding for headings in Pressbooks will vary depending on the chosen theme.\r\n<div class=\"textbox textbox--exercises\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Resourcces<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nTo learn more about Appearance settings and Themes, review the following guide:\r\n<ul>\r\n \t<li><a href=\"https:\/\/guide.pressbooks.com\/chapter\/appearance\/\">Pressbooks User Guide - Appearance<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<div style=\"font-weight: 400\">\r\n<div>\r\n<h2>Issue<\/h2>\r\nThe amount of spacing around headings is dictated by the Pressbooks theme you have chosen, and may contain more padding than you would like.\r\n<h2>Solution<\/h2>\r\n[caption id=\"attachment_214\" align=\"aligncenter\" width=\"1024\"]<img class=\"wp-image-214 size-large\" src=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/Screenshot-2023-07-12-at-9.35.20-AM-1024x395.png\" alt=\"\" width=\"1024\" height=\"395\" \/> Remember when editing the Custom Styles Sheet, you can customize the Web, PDF, and Ebook versions. If you want the change to occur across all three formats, you will need to copy the code to each drop-down (top).[\/caption]\r\n\r\n&nbsp;\r\n\r\nThe amount of padding around a heading can be adjusted using Custom Styles. Changes will remain consistent throughout the text.\r\n\r\n<\/div>\r\n<\/div>\r\n<ol>\r\n \t<li>On the Dashboard, select<strong> Appearance<\/strong> then<strong> Custom Styles<\/strong><\/li>\r\n \t<li>In the <strong>Your Web Styles<\/strong> box, add the CSS shown below<\/li>\r\n \t<li>Adjust the padding size by increasing or decreasing the number after <strong>margin-bottom:<\/strong> and <strong>margin-top:<\/strong><\/li>\r\n<\/ol>\r\n<div>\r\n<div class=\"textbox\">\r\n\r\n<strong>Custom CSS H3<\/strong>\r\n<div>.chapter h3{<\/div>\r\n<div>margin-bottom:0.5;<\/div>\r\n<div>}<\/div>\r\n<div>main *+p {<\/div>\r\n<div>margin-top: 0em;<\/div>\r\n<div>}<\/div>\r\n<\/div>\r\n&nbsp;\r\n\r\nNOTE: This particular code adjusts heading 3. Change the heading number to adjust a different heading (.chapter h1, .chapter h2 etc.). If you would like to change the spacing around every heading, use the code below.\r\n<div class=\"textbox\">\r\n\r\n<strong>Custom CSS H1-H4<\/strong>\r\n<div>\r\n<div>\r\n\r\n.chapter h1, .chapter h2, .chapter h3, .chapter h4 {\r\nMargin-bottom: 1em ;\r\n}\r\nmain *+p {\r\nmargin-top: 0em;\r\n}\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div><\/div>","rendered":"<p>Using pre-designed themes in Pressbooks provides consistent and visually appealing spacing around headings to improve readability and aesthetics. The default padding for headings in Pressbooks will vary depending on the chosen theme.<\/p>\n<div class=\"textbox textbox--exercises\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Resourcces<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<p>To learn more about Appearance settings and Themes, review the following guide:<\/p>\n<ul>\n<li><a href=\"https:\/\/guide.pressbooks.com\/chapter\/appearance\/\">Pressbooks User Guide &#8211; Appearance<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div style=\"font-weight: 400\">\n<div>\n<h2>Issue<\/h2>\n<p>The amount of spacing around headings is dictated by the Pressbooks theme you have chosen, and may contain more padding than you would like.<\/p>\n<h2>Solution<\/h2>\n<figure id=\"attachment_214\" aria-describedby=\"caption-attachment-214\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-214 size-large\" src=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/Screenshot-2023-07-12-at-9.35.20-AM-1024x395.png\" alt=\"\" width=\"1024\" height=\"395\" srcset=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/Screenshot-2023-07-12-at-9.35.20-AM-1024x395.png 1024w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/Screenshot-2023-07-12-at-9.35.20-AM-300x116.png 300w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/Screenshot-2023-07-12-at-9.35.20-AM-768x296.png 768w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/Screenshot-2023-07-12-at-9.35.20-AM-65x25.png 65w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/Screenshot-2023-07-12-at-9.35.20-AM-225x87.png 225w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/Screenshot-2023-07-12-at-9.35.20-AM-350x135.png 350w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/Screenshot-2023-07-12-at-9.35.20-AM.png 1497w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-214\" class=\"wp-caption-text\">Remember when editing the Custom Styles Sheet, you can customize the Web, PDF, and Ebook versions. If you want the change to occur across all three formats, you will need to copy the code to each drop-down (top).<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>The amount of padding around a heading can be adjusted using Custom Styles. Changes will remain consistent throughout the text.<\/p>\n<\/div>\n<\/div>\n<ol>\n<li>On the Dashboard, select<strong> Appearance<\/strong> then<strong> Custom Styles<\/strong><\/li>\n<li>In the <strong>Your Web Styles<\/strong> box, add the CSS shown below<\/li>\n<li>Adjust the padding size by increasing or decreasing the number after <strong>margin-bottom:<\/strong> and <strong>margin-top:<\/strong><\/li>\n<\/ol>\n<div>\n<div class=\"textbox\">\n<p><strong>Custom CSS H3<\/strong><\/p>\n<div>.chapter h3{<\/div>\n<div>margin-bottom:0.5;<\/div>\n<div>}<\/div>\n<div>main *+p {<\/div>\n<div>margin-top: 0em;<\/div>\n<div>}<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p>NOTE: This particular code adjusts heading 3. Change the heading number to adjust a different heading (.chapter h1, .chapter h2 etc.). If you would like to change the spacing around every heading, use the code below.<\/p>\n<div class=\"textbox\">\n<p><strong>Custom CSS H1-H4<\/strong><\/p>\n<div>\n<div>\n<p>.chapter h1, .chapter h2, .chapter h3, .chapter h4 {<br \/>\nMargin-bottom: 1em ;<br \/>\n}<br \/>\nmain *+p {<br \/>\nmargin-top: 0em;<br \/>\n}<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div><\/div>\n","protected":false},"author":1076,"menu_order":2,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-253","chapter","type-chapter","status-publish","hentry"],"part":249,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters\/253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/users\/1076"}],"version-history":[{"count":1,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters\/253\/revisions"}],"predecessor-version":[{"id":254,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters\/253\/revisions\/254"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/parts\/249"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters\/253\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/media?parent=253"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapter-type?post=253"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/contributor?post=253"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/license?post=253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}