Twenty Fifteen: Display sidebar background color with Header Image.

If the header image has a transparent background, the sidebar background color
should be visible. With the `background` shorthand it could never be over set
on the front-end however.

Props valendesigns.
Fixes #31460.



git-svn-id: https://develop.svn.wordpress.org/trunk@33092 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
obenland 2015-07-06 17:26:02 +00:00
parent 3eaaa104b5
commit 4ba9e8a062
1 changed files with 16 additions and 2 deletions

View File

@ -133,7 +133,14 @@ function twentyfifteen_header_style() {
if ( ! empty( $header_image ) ) :
?>
.site-header {
background: url(<?php header_image(); ?>) no-repeat 50% 50%;
/*
* No shorthand so the Customizer can override individual properties.
* @see https://core.trac.wordpress.org/ticket/31460
*/
background-image: url(<?php header_image(); ?>);
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
@ -142,7 +149,14 @@ function twentyfifteen_header_style() {
@media screen and (min-width: 59.6875em) {
body:before {
background: url(<?php header_image(); ?>) no-repeat 100% 50%;
/*
* No shorthand so the Customizer can override individual properties.
* @see https://core.trac.wordpress.org/ticket/31460
*/
background-image: url(<?php header_image(); ?>);
background-repeat: no-repeat;
background-position: 100% 50%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;