Change page padding system

404.php

@@ -24,7 +24,7 @@ get_header( null, array( 'no_index' => 1 ) );
 
     <?php do_action( 'fictioneer_main_wrapper' ); ?>
 
-    <article class="singular__article padding-left padding-right padding-top padding-bottom">
+    <article class="singular__article">
       <section class="singular__content the-404__content content-section">
         <?php if ( $custom_404 > 0 ) : ?>
           <?php echo apply_filters( 'the_content', get_the_content( null, null, $custom_404 ) ); ?>

DOCUMENTATION.md

@@ -476,8 +476,8 @@ Pages work the same as always in WordPress, just with some additional fields and
 * **Index (Advanced):** The same as the Index page template, but with additional meta data.
 * **Taxonomies:** Shows details about all taxonomies used on the site, with count and definition (if provided).
 * **User Profile:** Frontend account profile to keep users out of the admin. Must never be cached!
-* **Canvas (Main):** Renders the main container without page or bounds. Meant to be used with page builder plugins.
+* **Canvas (Page):** Renders the page container blank without comments. Meant to be used with page builder plugins.
-* **Canvas (Page):** Renders the page container without bounds or comments. Meant to be used with page builder plugins.
+* **Canvas (Main):** Renders the main container without page or padding. Meant to be used with page builder plugins.
 * **Canvas (Site):** Renders a completely blank site. Meant to be used with page builder plugins.
 
 ### Meta Fields
@@ -1289,7 +1289,7 @@ This location can be confusing. The page background is actually a separate eleme
   pointer-events: none;
   user-select: none;
   position: absolute;
-  inset: var(--page-inset-top) 0 0 0;
+  inset: var(--page-inset-top, 0px) 0 0 0;
   z-index: 0;
   background-color: var(--page-bg-color);
   box-shadow: var(--page-box-shadow);

author.php

@@ -99,7 +99,7 @@ get_header();
 
     <?php do_action( 'fictioneer_main_wrapper' ); ?>
 
-    <article class="singular__article author-page__article padding-left padding-right padding-top padding-bottom">
+    <article class="singular__article author-page__article">
 
       <?php
         $title = $author_page ? trim( get_the_title( $author_page ) ) : $author->display_name;

category.php

@@ -22,7 +22,7 @@ get_header();
 
     <?php do_action( 'fictioneer_main_wrapper' ); ?>
 
-    <article class="archive__article padding-left padding-right padding-top padding-bottom">
+    <article class="archive__article">
       <header class="archive__header">
         <div class="tax-cloud">
           <?php

chapters.php

@@ -120,7 +120,7 @@ get_header();
         );
       ?>
 
-      <article id="singular-<?php echo $post_id; ?>" class="singular__article chapters__article padding-top padding-left padding-right padding-bottom">
+      <article id="singular-<?php echo $post_id; ?>" class="singular__article chapters__article">
 
         <?php if ( ! empty( $title ) ) : ?>
           <header class="singular__header stories__header">

collections.php

@@ -80,7 +80,7 @@ get_header();
         );
       ?>
 
-      <article id="singular-<?php echo $post_id; ?>" class="singular__article collections__article padding-top padding-left padding-right padding-bottom">
+      <article id="singular-<?php echo $post_id; ?>" class="singular__article collections__article">
 
         <?php if ( ! empty( $title ) ) : ?>
           <header class="singular__header stories__header">

css/customize/page-style-layered-peaks-a.css

@@ -1 +1 @@
-:root.page-style-mask-image-layered-peaks-a:not(.minimal) .main__background{top:max(0px,(var(--page-inset-top)) - 1rem);filter:var(--page-drop-shadow)}:root.page-style-mask-image-layered-peaks-a:not(.minimal) .main__background::before{--mp: top left, top clamp(15px, 2.0356234097vw + 7.3664122137px, 23px) left 0;--ms: 100% clamp(16px, 2.0356234097vw + 8.3664122137px, 24px), 100% calc(100% - clamp(15px, 2.0356234097vw + 7.3664122137px, 23px));--mr: repeat-x, no-repeat;--mi: url("data:image/svg+xml,%3Csvg id='visual' viewBox='0 0 900 24' width='900' height='24' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1'%3E%3Cpath d='M0 6L39 0L78 0L117 17L157 3L196 14L235 9L274 19L313 14L352 12L391 3L430 6L470 19L509 3L548 12L587 19L626 7L665 12L704 2L743 8L783 17L822 5L861 9L900 1L900 25L861 25L822 25L783 25L743 25L704 25L665 25L626 25L587 25L548 25L509 25L470 25L430 25L391 25L352 25L313 25L274 25L235 25L196 25L157 25L117 25L78 25L39 25L0 25Z' fill='rgba(0,0,0,0.5)'%3E%3C/path%3E%3Cpath d='M0 8L39 17L78 20L117 6L157 13L196 17L235 17L274 7L313 17L352 18L391 21L430 19L470 14L509 15L548 17L587 11L626 18L665 8L704 19L743 17L783 13L822 7L861 6L900 9L900 25L861 25L822 25L783 25L743 25L704 25L665 25L626 25L587 25L548 25L509 25L470 25L430 25L391 25L352 25L313 25L274 25L235 25L196 25L157 25L117 25L78 25L39 25L0 25Z' fill='rgba(0,0,0,0.75)'%3E%3C/path%3E%3Cpath d='M0 12L39 14L78 17L117 14L157 16L196 17L235 19L274 20L313 20L352 16L391 16L430 12L470 22L509 22L548 17L587 13L626 11L665 18L704 13L743 23L783 21L822 16L861 17L900 21L900 25L861 25L822 25L783 25L743 25L704 25L665 25L626 25L587 25L548 25L509 25L470 25L430 25L391 25L352 25L313 25L274 25L235 25L196 25L157 25L117 25L78 25L39 25L0 25Z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E%0A"), var(--data-image-2x2-black)}
+:root.page-style-mask-image-layered-peaks-a:not(.minimal) .main__background{top:max(0px,(var(--page-inset-top, 0px)) - 1rem);filter:var(--page-drop-shadow)}:root.page-style-mask-image-layered-peaks-a:not(.minimal) .main__background::before{--mp: top left, top clamp(15px, 2.0356234097vw + 7.3664122137px, 23px) left 0;--ms: 100% clamp(16px, 2.0356234097vw + 8.3664122137px, 24px), 100% calc(100% - clamp(15px, 2.0356234097vw + 7.3664122137px, 23px));--mr: repeat-x, no-repeat;--mi: url("data:image/svg+xml,%3Csvg id='visual' viewBox='0 0 900 24' width='900' height='24' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1'%3E%3Cpath d='M0 6L39 0L78 0L117 17L157 3L196 14L235 9L274 19L313 14L352 12L391 3L430 6L470 19L509 3L548 12L587 19L626 7L665 12L704 2L743 8L783 17L822 5L861 9L900 1L900 25L861 25L822 25L783 25L743 25L704 25L665 25L626 25L587 25L548 25L509 25L470 25L430 25L391 25L352 25L313 25L274 25L235 25L196 25L157 25L117 25L78 25L39 25L0 25Z' fill='rgba(0,0,0,0.5)'%3E%3C/path%3E%3Cpath d='M0 8L39 17L78 20L117 6L157 13L196 17L235 17L274 7L313 17L352 18L391 21L430 19L470 14L509 15L548 17L587 11L626 18L665 8L704 19L743 17L783 13L822 7L861 6L900 9L900 25L861 25L822 25L783 25L743 25L704 25L665 25L626 25L587 25L548 25L509 25L470 25L430 25L391 25L352 25L313 25L274 25L235 25L196 25L157 25L117 25L78 25L39 25L0 25Z' fill='rgba(0,0,0,0.75)'%3E%3C/path%3E%3Cpath d='M0 12L39 14L78 17L117 14L157 16L196 17L235 19L274 20L313 20L352 16L391 16L430 12L470 22L509 22L548 17L587 13L626 11L665 18L704 13L743 23L783 21L822 16L861 17L900 21L900 25L861 25L822 25L783 25L743 25L704 25L665 25L626 25L587 25L548 25L509 25L470 25L430 25L391 25L352 25L313 25L274 25L235 25L196 25L157 25L117 25L78 25L39 25L0 25Z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E%0A"), var(--data-image-2x2-black)}

css/customize/page-style-layered-steps-a.css

@@ -1 +1 @@
-:root.page-style-mask-image-layered-steps-a:not(.minimal) .main__background{top:max(0px,(var(--page-inset-top)) - 1rem);filter:var(--page-drop-shadow)}:root.page-style-mask-image-layered-steps-a:not(.minimal) .main__background::before{--mp: top left, top clamp(15px, 2.0356234097vw + 7.3664122137px, 23px) left 0;--ms: 100% clamp(16px, 2.0356234097vw + 8.3664122137px, 24px), 100% calc(100% - clamp(15px, 2.0356234097vw + 7.3664122137px, 23px));--mr: repeat-x, no-repeat;--mi: url("data:image/svg+xml,%3Csvg id='visual' viewBox='0 0 900 24' width='900' height='24' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1'%3E%3Cpath d='M0 12L39 12L39 4L78 4L78 2L117 2L117 8L157 8L157 9L196 9L196 17L235 17L235 7L274 7L274 15L313 15L313 13L352 13L352 7L391 7L391 19L430 19L430 11L470 11L470 13L509 13L509 19L548 19L548 14L587 14L587 10L626 10L626 6L665 6L665 17L704 17L704 11L743 11L743 2L783 2L783 19L822 19L822 19L861 19L861 2L900 2L900 6L900 25L900 25L861 25L861 25L822 25L822 25L783 25L783 25L743 25L743 25L704 25L704 25L665 25L665 25L626 25L626 25L587 25L587 25L548 25L548 25L509 25L509 25L470 25L470 25L430 25L430 25L391 25L391 25L352 25L352 25L313 25L313 25L274 25L274 25L235 25L235 25L196 25L196 25L157 25L157 25L117 25L117 25L78 25L78 25L39 25L39 25L0 25Z' fill='rgba(0,0,0,0.5)'%3E%3C/path%3E%3Cpath d='M0 10L39 10L39 11L78 11L78 12L117 12L117 16L157 16L157 13L196 13L196 20L235 20L235 16L274 16L274 7L313 7L313 16L352 16L352 12L391 12L391 8L430 8L430 9L470 9L470 12L509 12L509 10L548 10L548 20L587 20L587 12L626 12L626 12L665 12L665 9L704 9L704 11L743 11L743 14L783 14L783 8L822 8L822 13L861 13L861 20L900 20L900 14L900 25L900 25L861 25L861 25L822 25L822 25L783 25L783 25L743 25L743 25L704 25L704 25L665 25L665 25L626 25L626 25L587 25L587 25L548 25L548 25L509 25L509 25L470 25L470 25L430 25L430 25L391 25L391 25L352 25L352 25L313 25L313 25L274 25L274 25L235 25L235 25L196 25L196 25L157 25L157 25L117 25L117 25L78 25L78 25L39 25L39 25L0 25Z' fill='rgba(0,0,0,0.75)'%3E%3C/path%3E%3Cpath d='M0 14L39 14L39 18L78 18L78 20L117 20L117 20L157 20L157 19L196 19L196 15L235 15L235 18L274 18L274 18L313 18L313 15L352 15L352 21L391 21L391 13L430 13L430 20L470 20L470 21L509 21L509 17L548 17L548 18L587 18L587 12L626 12L626 14L665 14L665 21L704 21L704 17L743 17L743 18L783 18L783 14L822 14L822 17L861 17L861 15L900 15L900 16L900 25L900 25L861 25L861 25L822 25L822 25L783 25L783 25L743 25L743 25L704 25L704 25L665 25L665 25L626 25L626 25L587 25L587 25L548 25L548 25L509 25L509 25L470 25L470 25L430 25L430 25L391 25L391 25L352 25L352 25L313 25L313 25L274 25L274 25L235 25L235 25L196 25L196 25L157 25L157 25L117 25L117 25L78 25L78 25L39 25L39 25L0 25Z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E%0A"), var(--data-image-2x2-black)}
+:root.page-style-mask-image-layered-steps-a:not(.minimal) .main__background{top:max(0px,(var(--page-inset-top, 0px)) - 1rem);filter:var(--page-drop-shadow)}:root.page-style-mask-image-layered-steps-a:not(.minimal) .main__background::before{--mp: top left, top clamp(15px, 2.0356234097vw + 7.3664122137px, 23px) left 0;--ms: 100% clamp(16px, 2.0356234097vw + 8.3664122137px, 24px), 100% calc(100% - clamp(15px, 2.0356234097vw + 7.3664122137px, 23px));--mr: repeat-x, no-repeat;--mi: url("data:image/svg+xml,%3Csvg id='visual' viewBox='0 0 900 24' width='900' height='24' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1'%3E%3Cpath d='M0 12L39 12L39 4L78 4L78 2L117 2L117 8L157 8L157 9L196 9L196 17L235 17L235 7L274 7L274 15L313 15L313 13L352 13L352 7L391 7L391 19L430 19L430 11L470 11L470 13L509 13L509 19L548 19L548 14L587 14L587 10L626 10L626 6L665 6L665 17L704 17L704 11L743 11L743 2L783 2L783 19L822 19L822 19L861 19L861 2L900 2L900 6L900 25L900 25L861 25L861 25L822 25L822 25L783 25L783 25L743 25L743 25L704 25L704 25L665 25L665 25L626 25L626 25L587 25L587 25L548 25L548 25L509 25L509 25L470 25L470 25L430 25L430 25L391 25L391 25L352 25L352 25L313 25L313 25L274 25L274 25L235 25L235 25L196 25L196 25L157 25L157 25L117 25L117 25L78 25L78 25L39 25L39 25L0 25Z' fill='rgba(0,0,0,0.5)'%3E%3C/path%3E%3Cpath d='M0 10L39 10L39 11L78 11L78 12L117 12L117 16L157 16L157 13L196 13L196 20L235 20L235 16L274 16L274 7L313 7L313 16L352 16L352 12L391 12L391 8L430 8L430 9L470 9L470 12L509 12L509 10L548 10L548 20L587 20L587 12L626 12L626 12L665 12L665 9L704 9L704 11L743 11L743 14L783 14L783 8L822 8L822 13L861 13L861 20L900 20L900 14L900 25L900 25L861 25L861 25L822 25L822 25L783 25L783 25L743 25L743 25L704 25L704 25L665 25L665 25L626 25L626 25L587 25L587 25L548 25L548 25L509 25L509 25L470 25L470 25L430 25L430 25L391 25L391 25L352 25L352 25L313 25L313 25L274 25L274 25L235 25L235 25L196 25L196 25L157 25L157 25L117 25L117 25L78 25L78 25L39 25L39 25L0 25Z' fill='rgba(0,0,0,0.75)'%3E%3C/path%3E%3Cpath d='M0 14L39 14L39 18L78 18L78 20L117 20L117 20L157 20L157 19L196 19L196 15L235 15L235 18L274 18L274 18L313 18L313 15L352 15L352 21L391 21L391 13L430 13L430 20L470 20L470 21L509 21L509 17L548 17L548 18L587 18L587 12L626 12L626 14L665 14L665 21L704 21L704 17L743 17L743 18L783 18L783 14L822 14L822 17L861 17L861 15L900 15L900 16L900 25L900 25L861 25L861 25L822 25L822 25L783 25L783 25L743 25L743 25L704 25L704 25L665 25L665 25L626 25L626 25L587 25L587 25L548 25L548 25L509 25L509 25L470 25L470 25L430 25L430 25L391 25L391 25L352 25L352 25L313 25L313 25L274 25L274 25L235 25L235 25L196 25L196 25L157 25L157 25L117 25L117 25L78 25L78 25L39 25L39 25L0 25Z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E%0A"), var(--data-image-2x2-black)}

includes/functions/_customizer.php

@@ -762,7 +762,7 @@ function fictioneer_build_customize_css( $context = null ) {
     --font-saturation-offset: " . $font_saturation_offset_dark / 100 . ";
     --font-lightness-offset: " . $font_lightness_offset_dark / 100 . ";
     --header-image-height: " . fictioneer_get_css_clamp( $header_image_min, $header_image_max, 320, $site_width ) . ";
-    --header-height: calc(" . fictioneer_get_css_clamp( $header_min, $header_max, 320, $site_width ) . " - var(--page-inset-top));
+    --header-height: calc(" . fictioneer_get_css_clamp( $header_min, $header_max, 320, $site_width ) . " - var(--page-inset-top, 0px));
     --header-logo-height: {$logo_height}px;
     --site-title-font-size: " . fictioneer_get_css_clamp( $title_min, $title_max, 320, $site_width ) . ";
     --site-title-tagline-font-size: " . fictioneer_get_css_clamp( $tagline_min, $tagline_max, 320, $site_width ) . ";

includes/functions/_setup-theme.php

@@ -253,7 +253,7 @@ function fictioneer_sidebar( $context ) {
 
   // Start HTML ---> ?>
   <aside class="fictioneer-sidebar _layout <?php echo implode( ' ', $classes ); ?>">
-    <div class="fictioneer-sidebar__wrapper _layout padding-top padding-bottom"><?php dynamic_sidebar( 'fictioneer-sidebar' ); ?></div>
+    <div class="fictioneer-sidebar__wrapper _layout"><?php dynamic_sidebar( 'fictioneer-sidebar' ); ?></div>
   </aside>
   <?php // <--- End HTML
 
@@ -695,6 +695,8 @@ function fictioneer_add_classes_to_body( $classes ) {
 
       if ( $sidebar_style === 'right' ) {
         $classes[] = 'has-sidebar-right';
+      } else {
+        $classes[] = 'has-sidebar-left';
       }
     }
   }

includes/functions/hooks/_chapter_hooks.php

@@ -122,7 +122,7 @@ add_action( 'fictioneer_chapter_before_header', 'fictioneer_chapter_top_actions'
 
 function fictioneer_chapter_footer( $args ) {
   // Start HTML ---> ?>
-  <footer class="chapter__footer chapter__actions chapter__actions--bottom padding-bottom chapter-end" data-nosnippet>
+  <footer class="chapter__footer chapter__actions chapter__actions--bottom chapter-end" data-nosnippet>
     <div class="chapter__actions-container chapter__actions-left"><?php
       do_action( 'fictioneer_chapter_actions_bottom_left', $args, 'bottom' );
     ?></div>

includes/functions/hooks/_general_hooks.php

@@ -981,7 +981,7 @@ function fictioneer_mu_registration_start( $args ) {
     <div class="main__background polygon polygon--main background-texture"></div>
     <div class="main__wrapper">
       <?php do_action( 'fictioneer_main_wrapper' ); ?>
-      <article id="singular-wp-registration" class="singular__article padding-left padding-right padding-top padding-bottom">
+      <article id="singular-wp-registration" class="singular__article">
         <section class="singular__content content-section">
   <?php // <--- End HTML
 }

includes/functions/hooks/_story_hooks.php

@@ -182,7 +182,7 @@ function fictioneer_story_copyright_notice( $args ) {
   }
 
   // Start HTML ---> ?>
-  <section class="story__copyright-notice padding-left padding-right">
+  <section class="story__copyright-notice">
     <i class="fa-regular fa-copyright"></i> <?php echo $copyright_notice; ?>
   </section>
   <?php // <--- End HTML
@@ -225,7 +225,7 @@ function fictioneer_story_tags_and_warnings( $args ) {
   }
 
   // Start HTML ---> ?>
-  <section class="story__tags-and-warnings tag-group padding-left padding-right"><?php
+  <section class="story__tags-and-warnings tag-group"><?php
     echo fictioneer_get_taxonomy_pills( $tag_args, 'story_after_content', '_secondary' );
   ?></section>
   <?php // <--- End HTML
@@ -253,7 +253,7 @@ function fictioneer_story_actions( $args ) {
   }
 
   // Start HTML ---> ?>
-  <section class="story__after-summary padding-left padding-right">
+  <section class="story__after-summary">
     <?php echo fictioneer_get_media_buttons(); ?>
     <div class="story__actions"><?php echo fictioneer_get_story_buttons( $args ); ?></div>
   </section>
@@ -297,7 +297,7 @@ function fictioneer_story_tabs( $args ) {
   }
 
   // Start HTML ---> ?>
-  <section id="tabs-<?php echo $story_id; ?>" class="story__tabs tabs-wrapper padding-left padding-right" data-current="chapters" data-order="asc" data-view="list">
+  <section id="tabs-<?php echo $story_id; ?>" class="story__tabs tabs-wrapper" data-current="chapters" data-order="asc" data-view="list">
 
     <div class="tabs">
       <button class="tabs__item _current" data-target="chapters" tabindex="0"><?php
@@ -458,7 +458,7 @@ function fictioneer_story_pages( $args ) {
       }
 
       // Start HTML ---> ?>
-      <section class="story__tab-target padding-left padding-right content-section background-texture" data-finder="tab-page-<?php echo $index; ?>">
+      <section class="story__tab-target content-section background-texture" data-finder="tab-page-<?php echo $index; ?>">
         <div class="story__custom-page"><?php echo apply_filters( 'the_content', $page[2] ); ?></div>
       </section>
       <?php // <--- End HTML
@@ -830,7 +830,6 @@ add_action( 'fictioneer_story_after_content', 'fictioneer_story_blog', 44 );
 function fictioneer_story_comments( $args ) {
   // Setup
   $story = $args['story_data'];
-  $shortcode = filter_var( $args['shortcode'] ?? 0, FILTER_VALIDATE_BOOLEAN );
   $header = filter_var( $args['header'] ?? 1, FILTER_VALIDATE_BOOLEAN );
   $classes = $args['classes'] ?? '';
   $style = $args['style'] ?? '';
@@ -840,11 +839,6 @@ function fictioneer_story_comments( $args ) {
     return;
   }
 
-  // Add extra classes
-  if ( ! $shortcode ) {
-    $classes .= ' padding-left padding-right padding-bottom';
-  }
-
   // Start HTML ---> ?>
   <section class="comment-section fictioneer-comments <?php echo esc_attr( $classes ); ?>" style="<?php echo esc_attr( $style ); ?>">
     <?php if ( $header ) : ?>

partials/_loop.php

@@ -32,11 +32,11 @@ defined( 'ABSPATH' ) OR exit;
     ?>
   </section>
 
-  <nav class="pagination _padding-top padding-bottom"><?php echo fictioneer_paginate_links( $pag_args ); ?></nav>
+  <nav class="pagination _padding-top"><?php echo fictioneer_paginate_links( $pag_args ); ?></nav>
 
 <?php else : ?>
 
-  <article class="post _empty padding-top padding-bottom padding-left padding-right">
+  <article class="post _empty">
     <span><?php _e( 'No (more) posts found.', 'fictioneer' ); ?></span>
   </article>
 

partials/_post.php

@@ -21,7 +21,6 @@ defined( 'ABSPATH' ) OR exit;
 $post_id = get_the_ID();
 $title = fictioneer_get_safe_title( $post_id, 'post' );
 $label = esc_attr( sprintf( _x( 'Continue reading %s', 'Read more link aria label', 'fictioneer' ), $title ) );
-$nested = $args['nested'] ?? false;
 
 if (
   ! get_option( 'fictioneer_show_full_post_content' ) &&
@@ -34,7 +33,7 @@ if (
 
 ?>
 
-<article id="post-<?php echo $post_id; ?>" class="post <?php if ( ! $nested ) echo 'padding-left padding-right'; ?>">
+<article id="post-<?php echo $post_id; ?>" class="post">
 
   <header class="post__header">
     <h2 class="post__title h1"><a href="<?php the_permalink(); ?>"><?php echo $title; ?></a></h2>

partials/_story-footer.php

@@ -20,11 +20,8 @@
 // No direct access!
 defined( 'ABSPATH' ) OR exit;
 
-// Only render to bottom padding if behind a password
+// Render nothing if password is required
 if ( post_password_required() ) {
-  // Start HTML ---> ?>
-  <footer class="padding-bottom"></footer>
-  <?php // <--- End HTML
   return;
 }
 
@@ -57,7 +54,7 @@ $meta_output = apply_filters( 'fictioneer_filter_story_footer_meta', $meta_outpu
 
 ?>
 
-<footer class="story__footer padding-left padding-right">
+<footer class="story__footer">
   <div class="story__extra">
     <?php if ( $show_log ) : ?>
       <label class="story__changelog hide-below-400" for="modal-chapter-changelog-toggle" tabindex="-1">

partials/_story-header.php

@@ -48,22 +48,14 @@ if ( ! $tax_shown ) {
 
 if ( ! $thumbnail_shown ) {
   $header_classes[] = '_no-thumbnail';
-  $header_classes[] = 'padding-top';
-}
-
-if ( ( $args['context'] ?? 0 ) !== 'shortcode' ) {
-  $header_classes[] = 'padding-left';
-  $header_classes[] = 'padding-right';
 }
 
 if ( $cover_position === 'float-top-left' ) {
   $header_classes[] = '_float-top-left';
-  $header_classes[] = 'padding-top';
 }
 
 if ( $cover_position === 'float-top-right' ) {
   $header_classes[] = '_float-top-right';
-  $header_classes[] = 'padding-top';
 }
 
 // Filter classes

recommendations.php

@@ -80,7 +80,7 @@ get_header();
         );
       ?>
 
-      <article id="singular-<?php echo $post_id; ?>" class="singular__article recommendations__article padding-top padding-left padding-right padding-bottom">
+      <article id="singular-<?php echo $post_id; ?>" class="singular__article recommendations__article">
 
         <?php if ( ! empty( $title ) ) : ?>
           <header class="singular__header recommendations__header">

search.php

@@ -75,7 +75,7 @@ get_header();
 
     <?php do_action( 'fictioneer_main_wrapper' ); ?>
 
-    <article id="search-results" class="search-results__article padding-left padding-right padding-top padding-bottom">
+    <article id="search-results" class="search-results__article">
 
       <header class="search-results__header">
         <h1 class="search-results__title">

single-fcn_chapter.php

@@ -132,7 +132,7 @@ get_header(
         </div>
       <?php endif; ?>
 
-      <article id="ch-<?php echo $post_id; ?>" data-author-id="<?php echo get_the_author_meta( 'ID' ); ?>" class="chapter__article padding-left padding-right <?php echo $password_required ? '_password' : ''; ?>" data-age-rating="<?php echo strtolower( $age_rating ); ?>">
+      <article id="ch-<?php echo $post_id; ?>" data-author-id="<?php echo get_the_author_meta( 'ID' ); ?>" class="chapter__article <?php echo $password_required ? '_password' : ''; ?>" data-age-rating="<?php echo strtolower( $age_rating ); ?>">
 
         <?php
           // Before chapter article header; includes the actions row, foreword, and warnings
@@ -187,7 +187,7 @@ get_header(
       ?>
 
       <?php if ( comments_open() && ! $password_required ) : ?>
-        <section class="chapter__comments comment-section padding-left padding-right padding-bottom chapter-comments-hideable">
+        <section class="chapter__comments comment-section chapter-comments-hideable">
           <?php comments_template(); ?>
         </section>
       <?php endif; ?>

single-fcn_collection.php

@@ -99,7 +99,7 @@ get_header( null, array( 'type' => 'fcn_collection' ) );
         );
       ?>
 
-      <article id="collection-<?php the_ID(); ?>" class="collection__article padding-left padding-right padding-top padding-bottom">
+      <article id="collection-<?php the_ID(); ?>" class="collection__article">
 
         <?php
           // Render article header

single-fcn_recommendation.php

@@ -42,7 +42,7 @@ get_header( null, array( 'type' => 'fcn_recommendation' ) );
         );
       ?>
 
-      <article id="recommendation-<?php the_ID(); ?>" class="recommendation__article padding-left padding-right padding-top padding-bottom">
+      <article id="recommendation-<?php the_ID(); ?>" class="recommendation__article">
 
         <?php
           // Render article header

single-fcn_story.php

@@ -16,7 +16,16 @@
 $post_id = $args['post_id'] ?? get_the_ID();
 $post = get_post( $post_id );
 $password_required = post_password_required();
+$cover_position = get_theme_mod( 'story_cover_position', 'top-left-overflow' );
 
+// Wrapper classes
+$wrapper_classes = [];
+
+if ( $cover_position === 'top-left-overflow' ) {
+  $wrapper_classes[] = '_no-padding-top';
+}
+
+// Header
 get_header(
   null,
   array(
@@ -31,7 +40,7 @@ get_header(
 
   <?php do_action( 'fictioneer_main', 'story' ); ?>
 
-  <div class="main__wrapper _no-padding-top">
+  <div class="main__wrapper <?php echo implode( ' ', $wrapper_classes ); ?>">
 
     <?php
       do_action( 'fictioneer_main_wrapper' );
@@ -62,7 +71,7 @@ get_header(
         do_action( 'fictioneer_story_after_header', $hook_args );
       ?>
 
-      <section class="story__summary padding-left padding-right"><?php
+      <section class="story__summary"><?php
         if ( $password_required ) {
           if ( $password_note ) {
             echo '<div class="story__password-note infobox">' . $password_note . '</div>';

single-post.php

@@ -32,7 +32,7 @@ get_header();
         $this_breadcrumb = [ $title, get_the_permalink() ];
       ?>
 
-      <article id="post-<?php the_ID(); ?>" class="post__article padding-left padding-right padding-top padding-bottom">
+      <article id="post-<?php the_ID(); ?>" class="post__article">
 
         <header class="post__header">
           <h1 class="post__title"><?php echo $title; ?></h1>
@@ -59,7 +59,7 @@ get_header();
       <?php do_action( 'fictioneer_before_comments' ); ?>
 
       <?php if ( comments_open() && ! $password_required ) : ?>
-        <section class="post__comments comment-section padding-left padding-right padding-bottom">
+        <section class="post__comments comment-section">
           <?php comments_template(); ?>
         </section>
       <?php endif; ?>

singular-bookmarks.php

@@ -41,7 +41,7 @@ get_header( null, array( 'no_index' => 1 ) );
         $this_breadcrumb = [$breadcrumb_name, get_the_permalink()];
       ?>
 
-      <article id="singular-<?php the_ID(); ?>" class="singular__article padding-left padding-right padding-top padding-bottom">
+      <article id="singular-<?php the_ID(); ?>" class="singular__article">
 
         <?php if ( ! empty( $title ) ) : ?>
           <header class="singular__header">

singular-bookshelf-ajax.php

@@ -106,7 +106,7 @@ get_header( null, array( 'no_index' => 1 ) );
         ) . '#main';
       ?>
 
-      <article id="singular-<?php the_ID(); ?>" class="singular__article padding-left padding-right padding-top padding-bottom">
+      <article id="singular-<?php the_ID(); ?>" class="singular__article">
 
         <?php if ( ! empty( $title ) ) : ?>
           <header class="singular__header">

singular-bookshelf.php

@@ -116,7 +116,7 @@ get_header( null, array( 'no_index' => 1 ) );
         ) . '#main';
       ?>
 
-      <article id="singular-<?php the_ID(); ?>" class="singular__article padding-left padding-right padding-top padding-bottom">
+      <article id="singular-<?php the_ID(); ?>" class="singular__article">
 
         <?php if ( ! empty( $title ) ) : ?>
           <header class="singular__header">

singular-canvas-main.php

@@ -16,7 +16,7 @@ get_header();
 
 ?>
 
-<main id="main" class="canvas">
+<main id="main" class="canvas canvas-main">
 
   <?php
     while ( have_posts() ) {

singular-canvas-page.php

@@ -16,7 +16,7 @@ get_header();
 
 ?>
 
-<main id="main" class="main canvas">
+<main id="main" class="main canvas canvas-page">
 
   <?php do_action( 'fictioneer_main', 'singular-canvas-page' ); ?>
 

singular-canvas-site.php

@@ -16,7 +16,7 @@ get_header( null, array( 'blank' => 1 ) );
 
 ?>
 
-<main id="main" class="canvas">
+<main id="main" class="canvas canvas-site">
 
   <?php
     while ( have_posts() ) {

singular-index-advanced.php

@@ -92,7 +92,7 @@ reset( $sorted_stories );
         $this_breadcrumb = [ $title, get_the_permalink() ];
       ?>
 
-      <article id="singular-<?php echo $post_id; ?>" class="singular__article padding-left padding-right padding-top padding-bottom">
+      <article id="singular-<?php echo $post_id; ?>" class="singular__article">
 
         <header class="singular__header hidden">
           <h1 class="singular__title"><?php echo $title; ?></h1>

singular-index.php

@@ -88,7 +88,7 @@ reset( $sorted_stories );
         $this_breadcrumb = [ $title, get_the_permalink() ];
       ?>
 
-      <article id="singular-<?php echo $post_id; ?>" class="singular__article padding-left padding-right padding-top padding-bottom">
+      <article id="singular-<?php echo $post_id; ?>" class="singular__article">
 
         <header class="singular__header hidden">
           <h1 class="singular__title"><?php echo $title; ?></h1>

singular-mirror-story.php

@@ -21,5 +21,3 @@ if ( ! $post_id ) {
 $post = get_post( $post_id );
 
 get_template_part( 'single-fcn_story', null, array( 'post_id' => $post_id ) );
-
-?>

singular-story.php

@@ -13,12 +13,20 @@
 $post_id = get_the_ID();
 $story_id = get_post_meta( $post_id, 'fictioneer_template_story_id', true );
 $story_id = fictioneer_validate_id( $story_id, 'fcn_story' );
+$cover_position = get_theme_mod( 'story_cover_position', 'top-left-overflow' );
 $render_story_header = get_post_meta( $post_id, 'fictioneer_template_show_story_header', true );
 
 if ( ! $story_id ) {
   $render_story_header = false;
 }
 
+// Wrapper classes
+$wrapper_classes = [];
+
+if ( $render_story_header && $cover_position === 'top-left-overflow' ) {
+  $wrapper_classes[] = '_no-padding-top';
+}
+
 // Header
 get_header(
   null,
@@ -33,7 +41,7 @@ get_header(
 
   <?php do_action( 'fictioneer_main', 'singular-story' ); ?>
 
-  <div class="main__wrapper <?php echo $render_story_header ? '_no-padding-top' : ''; ?>">
+  <div class="main__wrapper <?php echo implode( ' ', $wrapper_classes ); ?>">
 
     <?php do_action( 'fictioneer_main_wrapper' ); ?>
 
@@ -45,7 +53,7 @@ get_header(
         $this_breadcrumb = [ $title, get_the_permalink() ];
       ?>
 
-      <article id="singular-<?php echo $post_id; ?>" class="singular__article padding-left padding-right padding-bottom <?php echo $render_story_header ? '' : 'padding-top'; ?>">
+      <article id="singular-<?php echo $post_id; ?>" class="singular__article">
 
         <?php
           // Render story header
@@ -71,7 +79,7 @@ get_header(
       <?php do_action( 'fictioneer_before_comments' ); ?>
 
       <?php if ( comments_open() && ! post_password_required() ) : ?>
-        <section class="singular__comments comment-section padding-left padding-right padding-bottom">
+        <section class="singular__comments comment-section">
           <?php comments_template(); ?>
         </section>
       <?php endif; ?>

singular-taxonomies.php

@@ -73,7 +73,7 @@ get_header();
         $this_breadcrumb = [$title, get_the_permalink()];
       ?>
 
-      <article id="singular-<?php the_ID(); ?>" class="singular__article padding-left padding-right padding-top padding-bottom">
+      <article id="singular-<?php the_ID(); ?>" class="singular__article">
 
         <?php if ( get_the_content() ) : ?>
           <section class="singular__content content-section">

singular-titleless.php

@@ -33,7 +33,7 @@ get_header();
         $this_breadcrumb = [ $title, get_the_permalink() ];
       ?>
 
-      <article id="singular-<?php echo $post_id; ?>" class="singular__article padding-left padding-right padding-top padding-bottom">
+      <article id="singular-<?php echo $post_id; ?>" class="singular__article">
 
         <section class="singular__content content-section"><?php the_content(); ?></section>
 
@@ -44,7 +44,7 @@ get_header();
       <?php do_action( 'fictioneer_before_comments' ); ?>
 
       <?php if ( comments_open() && ! post_password_required() ) : ?>
-        <section class="singular__comments comment-section padding-left padding-right padding-bottom">
+        <section class="singular__comments comment-section">
           <?php comments_template(); ?>
         </section>
       <?php endif; ?>

singular.php

@@ -33,7 +33,7 @@ get_header();
         $this_breadcrumb = [$title, get_the_permalink()];
       ?>
 
-      <article id="singular-<?php echo $post_id; ?>" class="singular__article padding-left padding-right padding-top padding-bottom">
+      <article id="singular-<?php echo $post_id; ?>" class="singular__article">
 
         <header class="singular__header">
           <h1 class="singular__title"><?php echo $title; ?></h1>
@@ -48,7 +48,7 @@ get_header();
       <?php do_action( 'fictioneer_before_comments' ); ?>
 
       <?php if ( comments_open() && ! post_password_required() ) : ?>
-        <section class="singular__comments comment-section padding-left padding-right padding-bottom">
+        <section class="singular__comments comment-section">
           <?php comments_template(); ?>
         </section>
       <?php endif; ?>

src/scss/_chapter.scss

@@ -6,7 +6,6 @@
   &__article {
     position: relative;
     z-index: 1; // Makes sure the popup menus are higher thn surrounding elements
-    padding-top: var(--layout-spacing-vertical);
   }
 
   &__password-note {

src/scss/_post.scss

@@ -1,13 +1,3 @@
-.blog-posts:not(._nested) {
-  &:first-child {
-    padding-top: var(--layout-spacing-vertical);
-  }
-
-  &:last-child {
-    padding-bottom: var(--layout-spacing-vertical);
-  }
-}
-
 :is(.blog-posts, .latest-posts) {
   .post {
     padding-bottom: 1rem;

src/scss/_sidebar.scss

@@ -1,4 +1,6 @@
 .widget {
+  --block-latest-posts-title-font-size: 1.1em;
+  color: var(--fg-700);
   font-size: var(--fs-widget);
 
   &.widget_block .wp-block-heading {
@@ -32,6 +34,13 @@
     padding-left: 1.05em;
   }
 
+  .wp-block-latest-posts {
+    @include bp(desktop) {
+      --this-row-gap: 1.25rem;
+      --this-col-gap: 1.25rem;
+    }
+  }
+
   .widgettitle {
     font-size: 1.4em; // h3
     margin-bottom: .625rem;
@@ -69,18 +78,18 @@
   --layout-spacing-horizontal: #{get_clamp(20, 48, 480, $full-width)};
   --layout-spacing-horizontal-small: #{get_clamp(10, 20, 320, 400)};
 
-  &:where(:not(.has-sidebar-right)) {
+  &.has-sidebar-left {
     .main__wrapper {
       order: 1;
 
       @include bp(desktop) {
         order: 2;
+        padding-left: 0;
       }
 
       .padding-left {
         @include bp(desktop) {
-          order: 2;
+          padding-left: 0;
-          padding-left: var(--sidebar-gap, 3rem);
         }
       }
     }
@@ -88,15 +97,21 @@
 
   &.has-sidebar-right {
     .main {
+      @include bp(desktop) {
         // minmax(min(100%, 300px), 1fr) prevents overflow issues
         grid-template-columns: minmax(min(100%, 300px), 1fr) calc(var(--sidebar-width) + var(--layout-spacing-horizontal));
         grid-template-areas: 'content sidebar';
       }
+    }
 
     .main__wrapper {
+      @include bp(desktop) {
+        padding-right: 0;
+      }
+
       .padding-right {
         @include bp(desktop) {
-          padding-right: var(--sidebar-gap, 3rem);
+          padding-right: 0;
         }
       }
     }
@@ -113,6 +128,7 @@
   .fictioneer-sidebar__wrapper._layout {
     padding: var(--layout-spacing-vertical) var(--layout-spacing-horizontal-small);
     min-width: calc(var(--sidebar-width) + var(--layout-spacing-horizontal-small));
+    container-type: inline-size;
 
     @include bp(400px) {
       padding: var(--layout-spacing-vertical) var(--layout-spacing-horizontal);
@@ -127,6 +143,7 @@
   .main {
     display: flex;
     flex-direction: column;
+    gap: var(--sidebar-gap, 3rem);
 
     @include bp(desktop) {
       display: grid;
@@ -164,38 +181,16 @@
   position: relative;
   z-index: 1;
   flex: 1 1 100%;
-
-  &._layout {
-    @include bp(desktop) {
-      padding-top: var(--page-inset-top);
-    }
-  }
-
-  &__wrapper,
-  .elementor-widget-container {
-    container-type: inline-size;
-  }
-}
-
-.fictioneer-sidebar._layout,
-.elementor-widget-sidebar {
-  .widget {
-    --block-latest-posts-title-font-size: 1.1em;
-    color: var(--fg-700);
-  }
-
-  .wp-block-latest-posts {
-    @include bp(desktop) {
-      --this-row-gap: 1.25rem;
-      --this-col-gap: 1.25rem;
-    }
-  }
 }
 
 .fictioneer-sidebar._layout {
   grid-area: sidebar;
   order: 2;
 
+  @include bp(desktop) {
+    padding-top: var(--page-inset-top, 0px);
+  }
+
   &::before {
     content: '';
     display: block;

src/scss/_story.scss

@@ -23,10 +23,9 @@ $header_breakpoint: 640px;
 
   .story__header {
     display: block;
-    padding-top: var(--page-inset-top);
 
-    &:not(._no-thumbnail) {
+    &:not(._no-thumbnail, ._float-top-left, ._float-top-right) {
-      padding-top: calc(var(--page-inset-top) + var(--layout-spacing-vertical));
+      padding-top: calc(var(--page-inset-top, 0px) + var(--layout-spacing-vertical));
     }
   }
 
@@ -60,7 +59,7 @@ body:not(.logged-in) .story__actions :first-child:nth-last-child(3) {
     --this-img-height: #{get_clamp(145, 165, 400, $full-width)};
     --this-img-width: #{get_clamp(96, 110, 400, $full-width)};
     grid-template-columns: var(--this-img-width) 1fr;
-    grid-template-rows: var(--page-inset-top) auto auto;
+    grid-template-rows: var(--page-inset-top, 0px) auto auto;
     gap: 0 get_clamp(10, 18, 320, 375);
     margin-bottom: 1.75rem;
 
@@ -115,7 +114,7 @@ body:not(.logged-in) .story__actions :first-child:nth-last-child(3) {
     }
 
     &._no-tax {
-      grid-template-rows: var(--page-inset-top) auto auto;
+      grid-template-rows: var(--page-inset-top, 0px) auto auto;
 
       .story__identity {
         grid-area: 2 / 2 / 4 / 3;
@@ -136,15 +135,9 @@ body:not(.logged-in) .story__actions :first-child:nth-last-child(3) {
 
     &:is(._no-thumbnail, ._float-top-left, ._float-top-right) {
       display: block;
-      margin-top: var(--page-inset-top);
-      margin-bottom: 1.75rem;
     }
 
     &:is(._float-top-left, ._float-top-right) {
-      .story__taxonomies {
-        margin-top: .5rem;
-      }
-
       &:not(._no-thumbnail) .story__taxonomies-space {
         height: 1.5rem;
       }
@@ -157,6 +150,7 @@ body:not(.logged-in) .story__actions :first-child:nth-last-child(3) {
     &:is(._float-top-left, ._float-top-right) .story__thumbnail {
       --this-img-height: auto;
       --this-img-width: var(--floating-cover-image-width, #{get_clamp(56, 200, 320, 768)});
+      transform: translateY(-0.25rem);
 
       &-image {
         width: var(--this-img-width);
@@ -331,18 +325,6 @@ body:not(.logged-in) .story__actions :first-child:nth-last-child(3) {
     }
   }
 
-  .chapter-group,
-  &__scheduled-chapter,
-  &__blog {
-    margin-left: var(--story-content-margin-left, var(--layout-spacing-horizontal-small));
-    margin-right: var(--story-content-margin-right, var(--layout-spacing-horizontal-small));
-
-    @include bp(400px) {
-      margin-left: var(--story-content-margin-left, var(--layout-spacing-horizontal));
-      margin-right: var(--story-content-margin-right, var(--layout-spacing-horizontal));
-    }
-  }
-
   &__scheduled-chapter {
     display: flex;
     align-items: center;
@@ -645,17 +627,3 @@ body:not(.logged-in) .story__actions :first-child:nth-last-child(3) {
   display: none;
   content-visibility: hidden;
 }
-
-.has-sidebar {
-  &:not(.has-sidebar-right) {
-    @include bp(desktop) {
-      --story-content-margin-left: var(--sidebar-gap, 3rem);
-    }
-  }
-
-  &.has-sidebar-right {
-    @include bp(desktop) {
-    --story-content-margin-right: var(--sidebar-gap, 3rem);
-  }
-  }
-}

src/scss/comments.scss

@@ -4,7 +4,7 @@
 
 .comment-section {
   --layout-link-color-hover: var(--comment-link-color-hover, var(--fg-300));
-  margin-top: 40px;
+  margin-top: 5rem;
 
   blockquote a[href^="#paragraph-"] {
     border-bottom: none;

src/scss/common/_base.scss

@@ -33,14 +33,6 @@
   flex: 0 0 auto;
 }
 
-.main,
-.canvas {
-  position: relative;
-  flex: 1 1 auto;
-  color: var(--fg-500);
-  width: 100%;
-}
-
 .main {
   margin-top: var(--main-offset, 0);
   max-width: var(--site-width);
@@ -50,7 +42,7 @@
     pointer-events: none;
     user-select: none;
     position: absolute;
-    inset: var(--page-inset-top) 0 0 0;
+    inset: var(--page-inset-top, 0px) 0 0 0;
     z-index: 0;
     background-color: var(--page-bg-color);
     box-shadow: var(--page-box-shadow);
@@ -80,10 +72,14 @@
   &__wrapper {
     position: relative;
     z-index: 1;
-    padding-top: var(--page-inset-top);
+    padding: calc(var(--page-inset-top, 0px) + var(--layout-spacing-vertical)) var(--layout-spacing-horizontal-small) var(--layout-spacing-vertical);
     max-width: 100%;
     contain: style;
 
+    @include bp(400px) {
+      padding: calc(var(--page-inset-top, 0px) + var(--layout-spacing-vertical)) var(--layout-spacing-horizontal) var(--layout-spacing-vertical);
+    }
+
     &._no-padding-top {
       padding-top: 0;
     }
@@ -94,6 +90,14 @@
   }
 }
 
+.main,
+.canvas {
+  position: relative;
+  flex: 1 1 auto;
+  color: var(--fg-500);
+  width: 100%;
+}
+
 :root.has-polygon-or-mask:not(.minimal) .main__background {
   background: none;
   border-radius: 0;

src/scss/common/_properties.scss

@@ -60,7 +60,7 @@
   // === HEADER ================================================================
 
   --header-image-height: #{get_clamp(210, 480, 320, $full-width)};
-  --header-height: calc(#{get_clamp(190, 380, 320, $full-width)} - var(--page-inset-top));
+  --header-height: calc(#{get_clamp(190, 380, 320, $full-width)} - var(--page-inset-top, 0px));
   --header-logo-height: 210px;
 
   --site-title-font-size: #{get_clamp(32, 60, 320, $full-width)};

src/scss/customize/page-style-layered-peaks-a.scss

@@ -2,7 +2,7 @@
 @import '../common/_mixins';
 
 :root.page-style-mask-image-layered-peaks-a:not(.minimal) .main__background {
-  top: max(0px, calc(var(--page-inset-top)) - 1rem);
+  top: max(0px, calc(var(--page-inset-top, 0px)) - 1rem);
   filter: var(--page-drop-shadow);
 
   &::before {

src/scss/customize/page-style-layered-steps-a.scss

@@ -2,7 +2,7 @@
 @import '../common/_mixins';
 
 :root.page-style-mask-image-layered-steps-a:not(.minimal) .main__background {
-  top: max(0px, calc(var(--page-inset-top)) - 1rem);
+  top: max(0px, calc(var(--page-inset-top, 0px)) - 1rem);
   filter: var(--page-drop-shadow);
 
   &::before {

stories.php

@@ -127,7 +127,7 @@ get_header();
         );
       ?>
 
-      <article id="singular-<?php echo $post_id; ?>" class="singular__article stories__article padding-top padding-left padding-right padding-bottom">
+      <article id="singular-<?php echo $post_id; ?>" class="singular__article stories__article">
 
         <?php if ( ! empty( $title ) ) : ?>
           <header class="singular__header stories__header">

tag.php

@@ -23,7 +23,7 @@ get_header();
 
     <?php do_action( 'fictioneer_main_wrapper' ); ?>
 
-    <article class="archive__article padding-left padding-right padding-top padding-bottom">
+    <article class="archive__article">
 
       <header class="archive__header">
         <div class="tax-cloud">

taxonomy-fcn_character.php

@@ -22,7 +22,7 @@ get_header();
 
     <?php do_action( 'fictioneer_main_wrapper' ); ?>
 
-    <article class="archive__article padding-left padding-right padding-top padding-bottom">
+    <article class="archive__article">
       <header class="archive__header">
         <div class="tax-cloud">
           <?php

taxonomy-fcn_content_warning.php

@@ -22,7 +22,7 @@ get_header();
 
     <?php do_action( 'fictioneer_main_wrapper' ); ?>
 
-    <article class="archive__article padding-left padding-right padding-top padding-bottom">
+    <article class="archive__article">
       <header class="archive__header">
         <div class="tax-cloud">
           <?php

taxonomy-fcn_fandom.php

@@ -22,7 +22,7 @@ get_header();
 
     <?php do_action( 'fictioneer_main_wrapper' ); ?>
 
-    <article class="archive__article padding-left padding-right padding-top padding-bottom">
+    <article class="archive__article">
       <header class="archive__header">
         <div class="tax-cloud">
           <?php

taxonomy-fcn_genre.php

@@ -22,7 +22,7 @@ get_header();
 
     <?php do_action( 'fictioneer_main_wrapper' ); ?>
 
-    <article class="archive__article padding-left padding-right padding-top padding-bottom">
+    <article class="archive__article">
       <header class="archive__header">
         <div class="tax-cloud">
           <?php

user-profile.php

@@ -75,7 +75,7 @@ get_header( null, array( 'type' => 'user-profile', 'no_index' => 1 ) );
 
     <?php do_action( 'fictioneer_main_wrapper' ); ?>
 
-    <article id="singular-<?php echo $post_id; ?>" class="singular__article padding-left padding-right padding-top padding-bottom">
+    <article id="singular-<?php echo $post_id; ?>" class="singular__article">
 
       <section class="singular__content content-section profile__content">
         <?php do_action( 'fictioneer_account_content', $hook_args ); ?>