Changeset 44197

Timestamp:

12/14/2018 09:30:27 PM (6 years ago)

Author:

laurelfulford

Message:

Twenty Fourteen: 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 #45429.

File:

• branches/5.0/src/wp-content/themes/twentyfourteen/css/blocks.css (modified) (2 diffs)

branches/5.0/src/wp-content/themes/twentyfourteen/css/blocks.css

@@ -222 +222 @@
 
 .wp-block-button .wp-block-button__link {
-    background-color: #24890d;
     border: 0;
     border-radius: 2px;
-    color: #fff;
     font-size: 12px;
     font-weight: 700;
@@ -234 +232 @@
 }
 
-.wp-block-button .wp-block-button__link:hover,
-.wp-block-button .wp-block-button__link:focus {
+.wp-block-button__link {
+    background-color: #24890d;
+    color: #fff;
+}
+
+.wp-block-button__link:hover,
+.wp-block-button__link:focus {
     background-color: #41a62a;
-}
-
-.wp-block-button .wp-block-button__link:active {
+    color: #fff;
+}
+
+.wp-block-button__link:active {
     background-color: #55d737;
 }