Skip to content
Permalink
Browse files

Twenty Fifteen: Fix button block custom colors on front end.

Simplify some of the button block’s CSS selectors in the theme, to make sure the default colors don’t override the custom colors on the front end.

Fixes #45428.



git-svn-id: https://develop.svn.wordpress.org/branches/5.0@44198 602fd350-edb4-49c9-b593-d223f7449a82
  • Loading branch information...
laurelfulford committed Dec 14, 2018
1 parent 41a0551 commit 6ae98f3b841a06e12db3184eddf07e4ee3c5f918
Showing with 8 additions and 5 deletions.
  1. +8 −5 src/wp-content/themes/twentyfifteen/css/blocks.css
@@ -384,10 +384,8 @@ p.has-drop-cap:not(:focus)::first-letter {
/* Button */

.wp-block-button .wp-block-button__link {
background-color: #333;
border: 0;
border-radius: 0;
color: #fff;
cursor: pointer;
font-family: "Noto Sans", sans-serif;
font-size: 12px;
@@ -399,11 +397,16 @@ p.has-drop-cap:not(:focus)::first-letter {
vertical-align: baseline;
}

.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus {
.wp-block-button__link {
background-color: #333;
color: #fff;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
background-color: #707070;
background-color: rgba(51, 51, 51, 0.7);
outline: 0;
color: #fff;
}

@media screen and (min-width: 46.25em) {

0 comments on commit 6ae98f3

Please sign in to comment.
You can’t perform that action at this time.