Merge pull request #1207 from Automattic/fix/1128-friendly-business-fix-cover-heading-alignment

 Friendly Business: Fix the cover headings alignment

friendly-business/sass/blocks/_blocks.scss

@@ -563,6 +563,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;
 

friendly-business/style-editor.css

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

friendly-business/style-editor.scss

@@ -341,7 +341,19 @@ figcaption,
 	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 {

friendly-business/style-rtl.css

@@ -3975,6 +3975,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;

friendly-business/style.css

@@ -3987,6 +3987,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;