{"id":43,"date":"2019-07-08T02:34:19","date_gmt":"2019-07-08T02:34:19","guid":{"rendered":"https:\/\/gpsites.co\/boost\/?page_id=43"},"modified":"2019-07-08T02:34:19","modified_gmt":"2019-07-08T02:34:19","slug":"about","status":"publish","type":"page","link":"https:\/\/boxbinary.com\/index.php\/about\/","title":{"rendered":"About"},"content":{"rendered":"\r\n<p>Thanks for importing Charge :)<\/p>\r\n\r\n\r\n\r\n<p>Charge is created with GP Premium&#8217;s awesome built-in features with some custom CSS.<\/p>\r\n\r\n\r\n\r\n<p>The sections below provide a quick overview of how the site was built and some potential modifications. All the CSS mentioned below can be found in the&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/docs.generatepress.com\/article\/adding-css\/#additional-css\" target=\"_blank\">Additional CSS<\/a>&nbsp;field in the customizer.<br><\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Body<\/h2>\r\n\r\n\r\n\r\n<p>This CSS below is used to set the outer container (only be visible if the screen width is more than 1500px) of the site to color #ddd and make the inner container width 1500px.<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>html {\r\n\tbackground: #ddd;\r\n}\r\nbody {\r\n\tmax-width: 1500px;\r\n\tmargin-left: auto;\r\n\tmargin-right: auto;\r\n}<\/code><\/pre>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Header\/Navigation<\/h2>\r\n\r\n\r\n\r\n<p>The header\/navigation is using one of GP\u2019s newest options\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/docs.generatepress.com\/article\/navigation-as-a-header\/%EF%BB%BF\" target=\"_blank\">Use navigation as Header<\/a><strong>.<\/strong>\u00a0You can use a site title or upload a logo in\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/docs.generatepress.com\/article\/site-identity-overview\/\" target=\"_blank\">Site Identity<\/a>.<\/p>\r\n\r\n\r\n\r\n<p>Here is the CSS added for the navigation button:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>\/* Navigation styles *\/\r\n@media (min-width:769px) {\r\n\t.main-navigation .main-nav ul li.nav-button a {\r\n\t\tborder-width: 3px;\r\n\t\tborder-style: solid;\r\n\t\tborder-color: inherit;\r\n\t\tborder-radius: 5px;\r\n\t\tline-height: 3em;\r\n\t}\r\n}<\/code><\/pre>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Header Element\/Page Hero<\/h2>\r\n\r\n\r\n\r\n<ul><li>Home page<\/li><\/ul>\r\n\r\n\r\n\r\n<p>The first section after the header\/navigation is built using GP Premium\u2019s&nbsp;<a href=\"https:\/\/docs.generatepress.com\/article\/block-element-page-hero\/\" target=\"_blank\" rel=\"noreferrer noopener\">Block Element<\/a> module. To modify it, head to Dashboard &gt; Appearance &gt; Elements and edit the <em>Home hero<\/em> header element.<\/p>\r\n\r\n\r\n\r\n<ul><li>Posts and Pages<\/li><\/ul>\r\n\r\n\r\n\r\n<p>The posts and pages have their own block element using the <a rel=\"noreferrer noopener\" href=\"https:\/\/docs.generatepress.com\/article\/dynamic-data\/\" target=\"_blank\">dynamic data<\/a> to show the post title.  To modify it, head to Dashboard > Appearance > Elements and edit the <em>Global hero<\/em> element. <\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Posts List<\/h2>\r\n\r\n\r\n\r\n<p>The home page posts list can be modified using our <a rel=\"noreferrer noopener\" aria-label=\"Blog (opens in a new tab)\" href=\"https:\/\/docs.generatepress.com\/article\/blog-overview\/\" target=\"_blank\">Blog<\/a> module and <a rel=\"noreferrer noopener\" href=\"https:\/\/docs.generatepress.com\/article\/block-element-content-template\/\" target=\"_blank\">Block Element Content template<\/a>.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Pages and posts content container width.<\/h2>\r\n\r\n\r\n\r\n<p>The&nbsp;<a href=\"https:\/\/docs.generatepress.com\/article\/container-width\/\">container width<\/a> of 1100px is used through out the site.<\/p>\r\n\r\n\r\n\r\n<p>The content container width for pages and posts are modified with the CSS below:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>\/* Single posts narrow content container *\/\r\n.one-container .entry-content, .comments-area, footer.entry-meta {\r\n    max-width: 600px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}<\/code><\/pre>\r\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/boxbinary.com\/index.php\/wp-json\/wp\/v2\/pages\/43"}],"collection":[{"href":"https:\/\/boxbinary.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/boxbinary.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/boxbinary.com\/index.php\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":0,"href":"https:\/\/boxbinary.com\/index.php\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"wp:attachment":[{"href":"https:\/\/boxbinary.com\/index.php\/wp-json\/wp\/v2\/media?parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}