diff --git a/src/js/_enqueues/wp/customize/views.js b/src/js/_enqueues/wp/customize/views.js
index a7125e032e63c..02c984de70c43 100644
--- a/src/js/_enqueues/wp/customize/views.js
+++ b/src/js/_enqueues/wp/customize/views.js
@@ -37,10 +37,14 @@
setButtons: function() {
var elements = $('#customize-control-header_image .actions .remove');
+ var addButton = $('#customize-control-header_image .actions .new');
+
if (this.model.get('choice')) {
elements.show();
+ addButton.removeClass('upload-button');
} else {
elements.hide();
+ addButton.addClass('upload-button');
}
}
});
diff --git a/src/wp-admin/css/customize-controls.css b/src/wp-admin/css/customize-controls.css
index 3d95b8d0ecd4f..f39f838b6fb0d 100644
--- a/src/wp-admin/css/customize-controls.css
+++ b/src/wp-admin/css/customize-controls.css
@@ -1441,6 +1441,21 @@ p.customize-section-description {
white-space: normal;
}
+.customize-control .attachment-media-view .upload-button {
+ width: 100%;
+ padding: 9px 0;
+}
+
+.customize-control .attachment-media-view .upload-button.control-focus {
+ width: auto;
+ padding: 0 10px;
+}
+
+.customize-control.customize-control-header .actions .upload-button.button.new {
+ width: 100%;
+ padding: 9px 0;
+}
+
.customize-control .attachment-media-view .thumbnail,
.customize-control-header .current .container {
overflow: hidden;
@@ -2990,6 +3005,10 @@ body.adding-widget .add-new-widget:before,
vertical-align: middle;
}
+ .customize-control .attachment-media-view .upload-button {
+ padding: 5px 0;
+ }
+
#customize-control-changeset_status .customize-inside-control-row {
padding-top: 15px;
}
diff --git a/src/wp-admin/css/forms.css b/src/wp-admin/css/forms.css
index 2802c30c692db..1d4dbe6f3eb9a 100644
--- a/src/wp-admin/css/forms.css
+++ b/src/wp-admin/css/forms.css
@@ -794,32 +794,6 @@ ul#add-to-blog-users {
outline: 2px solid transparent;
}
-.button-add-site-icon {
- width: 100%;
- cursor: pointer;
- text-align: center;
- border: 1px dashed #c3c4c7;
- box-sizing: border-box;
- padding: 9px 0;
- line-height: 1.6;
- max-width: 270px;
- border-radius: 4px;
- background: #f0f0f1;
-}
-
-.button-add-site-icon:focus,
-.button-add-site-icon:hover {
- background: #fff;
-}
-
-.button-add-site-icon:focus {
- background-color: #fff;
- border-color: #3582c4;
- border-style: solid;
- box-shadow: 0 0 0 1px #3582c4;
- outline: 2px solid transparent;
-}
-
/*------------------------------------------------------------------------------
15.0 - Comments Screen
------------------------------------------------------------------------------*/
diff --git a/src/wp-admin/options-general.php b/src/wp-admin/options-general.php
index f0becb113d767..62dabc4444954 100644
--- a/src/wp-admin/options-general.php
+++ b/src/wp-admin/options-general.php
@@ -105,7 +105,7 @@
wp_enqueue_media();
wp_enqueue_script( 'site-icon' );
- $classes_for_upload_button = 'upload-button button-add-media button-add-site-icon';
+ $classes_for_upload_button = 'upload-button button-hero button';
$classes_for_update_button = 'button';
$classes_for_wrapper = '';
diff --git a/src/wp-includes/customize/class-wp-customize-header-image-control.php b/src/wp-includes/customize/class-wp-customize-header-image-control.php
index 2d36ecccc459d..644d40b4c0a98 100644
--- a/src/wp-includes/customize/class-wp-customize-header-image-control.php
+++ b/src/wp-includes/customize/class-wp-customize-header-image-control.php
@@ -173,12 +173,6 @@ public function print_header_image_template() {
<# } #>
- <# } else { #>
-
-