Issue 559 (#567)

* change color classes for header & footer templates

* fix 'in_array'

* add correct color classes to sticky templates

* add template-footer a to link selectors

src/assets/js/customizer/color/preview.js

@@ -10,7 +10,7 @@ export class Preview  {
 		this.classControls = [
 			{
 				name: 'bgtfw_footer_color',
-				selector: '#colophon, .footer-content',
+				selector: '#colophon:not(.template-footer), .footer-content:not(.template-footer)',
 				properties: [ 'background-color', 'text-default' ]
 			},
 			{
@@ -50,7 +50,7 @@ export class Preview  {
 			},
 			{
 				name: 'bgtfw_footer_links',
-				selector: '.footer-content',
+				selector: '.footer-content:not(.template-footer)',
 				properties: [ 'link-color' ]
 			}
 		];

src/assets/scss/boldgrid/_header.scss

@@ -1,6 +1,9 @@
 @import "header/slide-in";
 
 #masthead, #masthead-sticky, #colophon {
+	&[class^=sticky-template-] {
+		background-color:none;
+	}
 	aside.sidebar {
 		margin-left: -15px;
 		margin-right: -15px;

src/includes/class-boldgrid-framework-api.php

@@ -323,7 +323,9 @@ public function title_content_container( $classes ) {
 	 * @return array $classes array of classes to be applied to the #masthead element.
 	 */
 	public function header_classes( $classes ) {
-		$classes = array_merge( $classes, $this->get_background_color( 'bgtfw_header_color' ) );
+		if ( ! in_array( 'template-sticky-header', $classes, true ) ) {
+			$classes = array_merge( $classes, $this->get_background_color( 'bgtfw_header_color' ) );
+		}
 		return $classes;
 	}
 
@@ -348,7 +350,13 @@ public function navi_classes( $classes ) {
 	 */
 	public function footer_classes( $classes ) {
 		$classes[] = get_theme_mod( 'bgtfw_footer_layouts' );
-		$classes = array_merge( $classes, $this->get_background_color( 'bgtfw_footer_color' ) );
+		if ( ! in_array( 'template-footer', $classes, true ) ) {
+			$classes = array_merge( $classes, $this->get_background_color( 'bgtfw_footer_color' ) );
+		} else {
+			$classes[] = 'color-neutral-background-color';
+			$classes[] = 'color-neutral-text-color';
+		}
+
 		return $classes;
 	}
 
@@ -360,11 +368,13 @@ public function footer_classes( $classes ) {
 	 * @return array $classes array of classes to be applied to the #masthead element.
 	 */
 	public function inner_footer_classes( $classes ) {
-		$classes = array_merge(
-			$classes,
-			$this->get_background_color( 'bgtfw_footer_color' ),
-			$this->get_link_color( 'bgtfw_footer_links' )
-		);
+		if ( ! in_array( 'template-footer', $classes, true ) ) {
+			$classes = array_merge(
+				$classes,
+				$this->get_background_color( 'bgtfw_footer_color' ),
+				$this->get_link_color( 'bgtfw_footer_links' )
+			);
+		}
 
 		return $classes;
 	}
@@ -1380,6 +1390,9 @@ public static function dynamic_sticky_header( $preset = null ) {
 
 		if ( ! empty( $sticky_template_class ) ) {
 			$header_classes[] = $sticky_template_class;
+			$header_classes[] = 'template-sticky-header';
+			$header_classes[] = 'color-neutral-background-color';
+			$header_classes[] = 'color-neutral-text-contrast';
 		}
 
 		$markup  = '';

src/includes/class-boldgrid-framework-editor.php

@@ -212,11 +212,6 @@ public function tinymce_body_class( $mce ) {
 		}
 
 		$api = new BoldGrid( $this->configs );
-		$mce['body_class'] .= ' ' . implode( ' ', $api->get_background_color( 'boldgrid_background_color' ) );
-
-		if ( 'pattern' === get_theme_mod( 'boldgrid_background_type' ) && ! empty( $pattern ) ) {
-			$mce['body_class'] .= ' custom-background';
-		}
 
 		// Get the current post, check if it's a page and add our body classes.
 		if ( $post = get_post() ) {

src/includes/class-boldgrid-framework-links.php

@@ -51,6 +51,8 @@ public function __construct( $configs ) {
 		'.page-header-wrapper a',
 		'.mce-content-body a',
 		'.template-header a',
+		'.template-footer a',
+		'.template-sticky-header a',
 	];
 
 	/**