Merge pull request #1199 from Automattic/fix/1130-elegant-business-fix-cover-heading-alignment

Elegant Business: Fix the cover h2 alignment

elegant-business/sass/blocks/_blocks.scss

@@ -572,6 +572,20 @@
 			}
 		}
 
+		h2 {
+			&.has-text-align-left {
+				text-align: left;
+			}
+
+			&.has-text-align-center {
+				text-align: center;
+			}
+
+			&.has-text-align-right {
+				text-align: right;
+			}
+		}
+
 		h3 {
 			font-size: $font__size-md;
 

elegant-business/style-editor.css

@@ -1092,9 +1092,39 @@ figcaption,
 .wp-block-cover-image .wp-block-cover__inner-container h4,
 .wp-block-cover-image .wp-block-cover__inner-container h5,
 .wp-block-cover-image .wp-block-cover__inner-container h6 {
+  text-align: inherit;
+}
+
+.wp-block-cover .wp-block-cover__inner-container h1.has-text-align-left, .wp-block-cover .wp-block-cover__inner-container h2.has-text-align-left, .wp-block-cover .wp-block-cover__inner-container h3.has-text-align-left, .wp-block-cover .wp-block-cover__inner-container h4.has-text-align-left, .wp-block-cover .wp-block-cover__inner-container h5.has-text-align-left, .wp-block-cover .wp-block-cover__inner-container h6.has-text-align-left,
+.wp-block-cover-image .wp-block-cover__inner-container h1.has-text-align-left,
+.wp-block-cover-image .wp-block-cover__inner-container h2.has-text-align-left,
+.wp-block-cover-image .wp-block-cover__inner-container h3.has-text-align-left,
+.wp-block-cover-image .wp-block-cover__inner-container h4.has-text-align-left,
+.wp-block-cover-image .wp-block-cover__inner-container h5.has-text-align-left,
+.wp-block-cover-image .wp-block-cover__inner-container h6.has-text-align-left {
   text-align: left;
 }
 
+.wp-block-cover .wp-block-cover__inner-container h1.has-text-align-center, .wp-block-cover .wp-block-cover__inner-container h2.has-text-align-center, .wp-block-cover .wp-block-cover__inner-container h3.has-text-align-center, .wp-block-cover .wp-block-cover__inner-container h4.has-text-align-center, .wp-block-cover .wp-block-cover__inner-container h5.has-text-align-center, .wp-block-cover .wp-block-cover__inner-container h6.has-text-align-center,
+.wp-block-cover-image .wp-block-cover__inner-container h1.has-text-align-center,
+.wp-block-cover-image .wp-block-cover__inner-container h2.has-text-align-center,
+.wp-block-cover-image .wp-block-cover__inner-container h3.has-text-align-center,
+.wp-block-cover-image .wp-block-cover__inner-container h4.has-text-align-center,
+.wp-block-cover-image .wp-block-cover__inner-container h5.has-text-align-center,
+.wp-block-cover-image .wp-block-cover__inner-container h6.has-text-align-center {
+  text-align: center;
+}
+
+.wp-block-cover .wp-block-cover__inner-container h1.has-text-align-right, .wp-block-cover .wp-block-cover__inner-container h2.has-text-align-right, .wp-block-cover .wp-block-cover__inner-container h3.has-text-align-right, .wp-block-cover .wp-block-cover__inner-container h4.has-text-align-right, .wp-block-cover .wp-block-cover__inner-container h5.has-text-align-right, .wp-block-cover .wp-block-cover__inner-container h6.has-text-align-right,
+.wp-block-cover-image .wp-block-cover__inner-container h1.has-text-align-right,
+.wp-block-cover-image .wp-block-cover__inner-container h2.has-text-align-right,
+.wp-block-cover-image .wp-block-cover__inner-container h3.has-text-align-right,
+.wp-block-cover-image .wp-block-cover__inner-container h4.has-text-align-right,
+.wp-block-cover-image .wp-block-cover__inner-container h5.has-text-align-right,
+.wp-block-cover-image .wp-block-cover__inner-container h6.has-text-align-right {
+  text-align: right;
+}
+
 .wp-block-cover .wp-block-cover__inner-container h1,
 .wp-block-cover-image .wp-block-cover__inner-container h1 {
   font-size: 2.25em;

elegant-business/style-editor.scss

@@ -285,7 +285,19 @@ figcaption,
 		}
 
 		h1, h2, h3, h4, h5, h6 {
-			text-align: left;
+			text-align: inherit;
+
+			&.has-text-align-left {
+				text-align: left;
+			}
+
+			&.has-text-align-center {
+				text-align: center;
+			}
+
+			&.has-text-align-right {
+				text-align: right;
+			}
 		}
 
 		h1 {

elegant-business/style-rtl.css

@@ -3970,6 +3970,21 @@ body.page .main-navigation {
   }
 }
 
+.entry .entry-content .wp-block-cover-image h2.has-text-align-left,
+.entry .entry-content .wp-block-cover h2.has-text-align-left {
+  text-align: right;
+}
+
+.entry .entry-content .wp-block-cover-image h2.has-text-align-center,
+.entry .entry-content .wp-block-cover h2.has-text-align-center {
+  text-align: center;
+}
+
+.entry .entry-content .wp-block-cover-image h2.has-text-align-right,
+.entry .entry-content .wp-block-cover h2.has-text-align-right {
+  text-align: left;
+}
+
 .entry .entry-content .wp-block-cover-image h3,
 .entry .entry-content .wp-block-cover h3 {
   font-size: 1.125em;

elegant-business/style.css

@@ -3982,6 +3982,21 @@ body.page .main-navigation {
   }
 }
 
+.entry .entry-content .wp-block-cover-image h2.has-text-align-left,
+.entry .entry-content .wp-block-cover h2.has-text-align-left {
+  text-align: left;
+}
+
+.entry .entry-content .wp-block-cover-image h2.has-text-align-center,
+.entry .entry-content .wp-block-cover h2.has-text-align-center {
+  text-align: center;
+}
+
+.entry .entry-content .wp-block-cover-image h2.has-text-align-right,
+.entry .entry-content .wp-block-cover h2.has-text-align-right {
+  text-align: right;
+}
+
 .entry .entry-content .wp-block-cover-image h3,
 .entry .entry-content .wp-block-cover h3 {
   font-size: 1.125em;