1.0.5

functions.php

@@ -520,6 +520,7 @@ function alx_body_class( $classes ) {
 		$classes[] = alx_layout_class();
 		if ( get_theme_mod( 'boxed','off' ) != 'on' ) { $classes[] = 'full-width'; }
 		if ( get_theme_mod( 'boxed','off' ) == 'on' ) { $classes[] = 'boxed'; }
+		if ( get_theme_mod( 'center','off' ) == 'on' ) { $classes[] = 'center'; }
 		if ( has_nav_menu( 'topbar' ) ) { $classes[] = 'topbar-enabled'; }
 		if ( has_nav_menu( 'mobile' ) ) { $classes[] = 'mobile-menu'; }
 		if ( get_theme_mod( 'mobile-sidebar-hide','1' ) == 's1' ) { $classes[] = 'mobile-sidebar-hide-s1'; }

functions/dynamic-styles.php

@@ -205,7 +205,8 @@ function alx_dynamic_css() {
 			if ( get_theme_mod('color-header','#23282d') != '#23282d' ) {
 				$styles .= '
 #header,
-.s3 { background-color: '.esc_attr( get_theme_mod('color-header','') ).'; }
+.s3,
+.center #page .container-inner:after { background-color: '.esc_attr( get_theme_mod('color-header','') ).'; }
 @media only screen and (min-width: 720px) {
 	#nav-header .nav ul { background-color: '.esc_attr( get_theme_mod('color-header') ).'; }
 }			

functions/theme-options.php

@@ -850,6 +850,15 @@ function alx_kirki_sidebars_select() {
 	'section'		=> 'styling',
 	'default'		=> 'on',
 ) );
+// Styling: Centered Layout
+Kirki::add_field( 'alx_theme', array(
+	'type'			=> 'switch',
+	'settings'		=> 'center',
+	'label'			=> esc_attr__( 'Center Layout', 'typecore' ),
+	'description'	=> esc_attr__( 'Center the layout', 'typecore' ),
+	'section'		=> 'styling',
+	'default'		=> 'off',
+) );
 // Styling: Boxed Layout
 Kirki::add_field( 'alx_theme', array(
 	'type'			=> 'switch',

readme.txt

@@ -2,7 +2,7 @@
 Contributors: alxmedia
 Requires at least: 4.9
 Tested up to: 4.9
-Version: 1.0.4
+Version: 1.0.5
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
@@ -94,6 +94,9 @@ Right sidebar images
 
 == Changelog ==
 
+= 1.0.5 - 2018-07-16 =
+* Added styling option to center layout
+
 = 1.0.4 - 2018-07-15 =
 * Added option for mobile menu
 * Added styling option for mobile menu color

style.css

@@ -1,7 +1,7 @@
 /*
 Theme Name: Typecore
 Theme URI: http://alxmedia.se/themes/typecore/
-Version: 1.0.4
+Version: 1.0.5
 Description: <a href="http://alxmedia.se/themes/typecore/">Typecore</a> is a responsive 100% high resolution theme for blogs and magazines. Unique toggle sidebars give a great browsing and reading experience on both tablet and mobile. The feature list is long: Unlimited topbar, header, footer and accent colors, unlimited widget areas, 0-2 sidebars to the left or right that can be uniquely specified for each page or post, 300px / 220px fixed width sidebars, 0-4 footer widget columns, almost zero layout images, related posts and post nav, featured story or slider, 10 post formats, good SEO, 3 flexible custom widgets, localisation support, social links, logo upload and many more useful admin panel features.
 Author: Alexander Agnarson
 Author URI: http://alxmedia.se
@@ -755,6 +755,12 @@ box-shadow: inset 1px 0 0 rgba(255,255,255,0.05), -1px 0 0 rgba(0,0,0,0.1); }
 #page {  }
 #page .container-inner { background: #fff; }
 
+.center #header .container-inner,
+.center #footer .container-inner { margin: 0 auto; }
+.center #page .container-inner { margin: 0 auto; position: relative; }
+.center #page .container-inner:after { content:""; position: absolute; z-index: -1; background: #23282d; left: -9999px; right: 50%; top: 0; bottom: 0; }
+.center.boxed #page .container-inner:after { display: none; }
+
 
 /* ------------------------------------------------------------------------- *
  *  Section: Footer