selective refresh for widgets #95

Author: Cosmin

functions.php

@@ -95,6 +95,7 @@ function shapely_setup() {
 
 		add_image_size( 'shapely-featured', 848, 566, true );
 
+		add_theme_support( 'customize-selective-refresh-widgets' );
 		// Welcome screen
 		if ( is_admin() ) {
 			global $shapely_required_actions, $shapely_recommended_plugins;

style.css

@@ -4,7 +4,7 @@ Theme URI: https://colorlib.com/wp/themes/shapely
 Author: colorlib
 Author URI: https://colorlib.com/
 Description: Shapely is a powerful and versatile one page WordPress theme with pixel perfect design and outstanding functionality. It is by far the most advanced free WordPress theme available today with loads of unmatched customization options. This theme comes with several homepage widgets that can be used to add portfolio, testimonials, parallax sections, your product or service information, call for action and much more. Shapely supports most free and premium WordPress plugins such as WooCommerce, Jetpack, Gravity Forms, Contact Form 7, Yoast SEO, Google Analytics by Yoast and much more. This theme is the best suited for business, landing page, portfolio, ecommerce, store, local business,  personal websites but can be tweaked to be used as blog, magazine or any other awesome website while highlighting its unique one page setup. This is going to be the last WordPress theme you will ever want to use because it is so much better than anything you have seen. Needless to say that this theme is SEO friendly thanks to its well optimized strucutre. Shapely theme is mobile friendly and fully responsive making it your best multipurpose partnert for any project and website.
-Version: 1.0.7
+Version: 1.7.0
 License: GNU General Public License v3
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: shapely
@@ -2050,11 +2050,11 @@ input[type="submit"]:focus {
 }
 
 .widget {
-    margin-bottom: 48px;
+    margin-bottom: 0;
 }
 
-.content-area .widget {
-    margin-bottom: 0;
+#secondary .widget {
+    margin-bottom: 48px;
 }
 
 .category-list {
@@ -3167,4 +3167,8 @@ footer.bg-dark a {
 .header-image-bg .page-title {
     position: relative;
     z-index: 2;
+}
+
+.customize-partial-edit-shortcut button, .widget .customize-partial-edit-shortcut button {
+    left: 0 !important;
 }