{"id":67,"date":"2017-05-16T19:50:04","date_gmt":"2017-05-16T19:50:04","guid":{"rendered":"http:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/chapter\/subscripts-and-superscripts\/"},"modified":"2018-01-16T13:55:12","modified_gmt":"2018-01-16T13:55:12","slug":"subscripts-and-superscripts","status":"publish","type":"chapter","link":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/chapter\/subscripts-and-superscripts\/","title":{"rendered":"Subscripts and Superscripts"},"content":{"raw":"\n<div class=\"textbox shaded\">In this chapter, you'll learn how to use Custom CSS to make your subscripts and superscripts display properly within your book until they are corrected in the theme.<\/div>\n<h4>Subscripts and Superscripts<\/h4>\n<p>Currently subscripts and superscripts display like this:<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/05\/Screen-Shot-2017-05-16-at-2.52.30-PM.png\"><img src=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/05\/Screen-Shot-2017-05-16-at-2.52.30-PM.png#fixme\" alt=\"SUBSCRIPTS\" width=\"591\" height=\"695\" class=\"alignnone size-full wp-image-359\"><\/a><\/p>\n<p>Notice that the m3 is not displaying as a superscript. By adding some Custom CSS, we can make it look like this:<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/05\/Screen-Shot-2017-05-16-at-2.53.54-PM.png\"><img src=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/05\/Screen-Shot-2017-05-16-at-2.53.54-PM.png#fixme\" alt=\"CS\" width=\"575\" height=\"710\" class=\"alignnone size-full wp-image-360\"><\/a><\/p>\n<h4>Adding Custom CSS<\/h4>\n<p>To add Custom CSS to your book, click Appearance and select Custom CSS on the left side menu (not in the themes).<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/05\/Screen-Shot-2017-05-16-at-2.53.16-PM.png\"><img src=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/05\/Screen-Shot-2017-05-16-at-2.53.16-PM.png#fixme\" alt=\"custom css\" width=\"167\" height=\"132\" class=\"alignnone size-full wp-image-361\"><\/a><\/p>\n<p>It will provide you a field that looks like this:<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/05\/Screen-Shot-2017-05-16-at-2.57.15-PM.png\"><img src=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/05\/Screen-Shot-2017-05-16-at-2.57.15-PM.png#fixme\" alt=\"CSS field\" width=\"1481\" height=\"240\" class=\"alignnone size-full wp-image-362\"><\/a><\/p>\n<p>Where you will&nbsp;type in the following:<\/p>\n<p class=\"p1\"><a href=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/05\/Screen-Shot-2017-05-16-at-2.46.21-PM.png\"><img src=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/05\/Screen-Shot-2017-05-16-at-2.46.21-PM.png#fixme\" alt=\"CSS\" width=\"331\" height=\"49\" class=\"alignnone size-full wp-image-356\"><\/a><\/p>\n<p class=\"p1\">Here's a version you can copy and paste:<\/p>\n<p>small, sub, sup {font-size: .83em}<br>\nsub &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {vertical-align: sub}<br>\nsup &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {vertical-align: super}<\/p>\n<p>Then click Update Custom CSS and your book's subscripts and superscripts will work properly.<\/p>\n\n","rendered":"<div class=\"textbox shaded\">In this chapter, you&#8217;ll learn how to use Custom CSS to make your subscripts and superscripts display properly within your book until they are corrected in the theme.<\/div>\n<h4>Subscripts and Superscripts<\/h4>\n<p>Currently subscripts and superscripts display like this:<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/05\/Screen-Shot-2017-05-16-at-2.52.30-PM.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/05\/Screen-Shot-2017-05-16-at-2.52.30-PM.png#fixme\" alt=\"SUBSCRIPTS\" width=\"591\" height=\"695\" class=\"alignnone size-full wp-image-359\" \/><\/a><\/p>\n<p>Notice that the m3 is not displaying as a superscript. By adding some Custom CSS, we can make it look like this:<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/05\/Screen-Shot-2017-05-16-at-2.53.54-PM.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/05\/Screen-Shot-2017-05-16-at-2.53.54-PM.png#fixme\" alt=\"CS\" width=\"575\" height=\"710\" class=\"alignnone size-full wp-image-360\" \/><\/a><\/p>\n<h4>Adding Custom CSS<\/h4>\n<p>To add Custom CSS to your book, click Appearance and select Custom CSS on the left side menu (not in the themes).<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/05\/Screen-Shot-2017-05-16-at-2.53.16-PM.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/05\/Screen-Shot-2017-05-16-at-2.53.16-PM.png#fixme\" alt=\"custom css\" width=\"167\" height=\"132\" class=\"alignnone size-full wp-image-361\" \/><\/a><\/p>\n<p>It will provide you a field that looks like this:<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/05\/Screen-Shot-2017-05-16-at-2.57.15-PM.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/05\/Screen-Shot-2017-05-16-at-2.57.15-PM.png#fixme\" alt=\"CSS field\" width=\"1481\" height=\"240\" class=\"alignnone size-full wp-image-362\" \/><\/a><\/p>\n<p>Where you will&nbsp;type in the following:<\/p>\n<p class=\"p1\"><a href=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/05\/Screen-Shot-2017-05-16-at-2.46.21-PM.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wisc.pb.unizin.org\/pressbooks101\/wp-content\/uploads\/sites\/67\/2017\/05\/Screen-Shot-2017-05-16-at-2.46.21-PM.png#fixme\" alt=\"CSS\" width=\"331\" height=\"49\" class=\"alignnone size-full wp-image-356\" \/><\/a><\/p>\n<p class=\"p1\">Here&#8217;s a version you can copy and paste:<\/p>\n<p>small, sub, sup {font-size: .83em}<br \/>\nsub &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {vertical-align: sub}<br \/>\nsup &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {vertical-align: super}<\/p>\n<p>Then click Update Custom CSS and your book&#8217;s subscripts and superscripts will work properly.<\/p>\n","protected":false},"author":1,"menu_order":1,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-67","chapter","type-chapter","status-publish","hentry"],"part":18,"_links":{"self":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/pressbooks\/v2\/chapters\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/pressbooks\/v2\/chapters\/67\/revisions"}],"predecessor-version":[{"id":68,"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/pressbooks\/v2\/chapters\/67\/revisions\/68"}],"part":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/pressbooks\/v2\/parts\/18"}],"metadata":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/pressbooks\/v2\/chapters\/67\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/wp\/v2\/media?parent=67"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/pressbooks\/v2\/chapter-type?post=67"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/wp\/v2\/contributor?post=67"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/www.publiconsulting.com\/wordpress\/pressbooks101\/wp-json\/wp\/v2\/license?post=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}