Browse Source

Modern Business: Make sure the editor uses bold for h1-h6 blocks and light for h1-h6 headings in cover block

Allan Cole 6 years ago
parent
commit
7d83a164f1
2 changed files with 26 additions and 2 deletions
  1. 16 1
      modern-business/style-editor.css
  2. 10 1
      modern-business/style-editor.scss

+ 16 - 1
modern-business/style-editor.css

@@ -89,7 +89,7 @@ h4,
 h5,
 h5,
 h6 {
 h6 {
   font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-weight: 300;
+  font-weight: 700;
   text-align: center;
   text-align: center;
 }
 }
 
 
@@ -280,6 +280,21 @@ figcaption,
   }
   }
 }
 }
 
 
+.wp-block-cover-image h1,
+.wp-block-cover-image h2,
+.wp-block-cover-image h3,
+.wp-block-cover-image h4,
+.wp-block-cover-image h5,
+.wp-block-cover-image h6,
+.wp-block-cover h1,
+.wp-block-cover h2,
+.wp-block-cover h3,
+.wp-block-cover h4,
+.wp-block-cover h5,
+.wp-block-cover h6 {
+  font-weight: 300;
+}
+
 .wp-block-cover-image .wp-block-cover-image-text,
 .wp-block-cover-image .wp-block-cover-image-text,
 .wp-block-cover-image .wp-block-cover-text,
 .wp-block-cover-image .wp-block-cover-text,
 .wp-block-cover-image h2,
 .wp-block-cover-image h2,

+ 10 - 1
modern-business/style-editor.scss

@@ -89,7 +89,7 @@ h4,
 h5,
 h5,
 h6 {
 h6 {
 	font-family: $font__heading;
 	font-family: $font__heading;
-	font-weight: 300;
+	font-weight: 700;
 	text-align: center;
 	text-align: center;
 }
 }
 
 
@@ -266,6 +266,15 @@ figcaption,
 		}
 		}
 	}
 	}
 
 
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		font-weight: 300;
+	}
+
 	.wp-block-cover-image-text,
 	.wp-block-cover-image-text,
 	.wp-block-cover-text,
 	.wp-block-cover-text,
 	h2 {
 	h2 {