Support ForumEnable Header Color change animation on every page – Support Forum

Enable Header Color change animation on every page

xmsweetconnections — Sun, 11 Mar 2018 15:04:49 +0000

How can I get the header color to change on each of my pages rather than just the portfolio pages?

Reply To: Enable Header Color change animation on every page

IshYoBoy — Mon, 12 Mar 2018 09:31:42 +0000

Hey,

By default the header is set to use “Color1” which is the pink color. It can be changed when you access “Appearance -> Customize -> Theme Options -> Theme Colors”. Once you change the color there it will be change not only in the header but everywhere throughout the whole website.

Basically the customiser is the place where we define all colors and then they can be used in the settings of every page. So when changed here, the color will change everywhere where it is used.

There is another way to change the default header color to something different than “color1”, let’s say “color8”, but it involves PHP code changes. Let us know if the solution above helped or you want to dig into the PHP solution.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Enable Header Color change animation on every page

xmsweetconnections — Mon, 12 Mar 2018 11:43:49 +0000

This reply has been marked as private.

Reply To: Enable Header Color change animation on every page

IshYoBoy — Mon, 12 Mar 2018 14:42:22 +0000

Thank you for further explanation. SO you basically want to turn on the Header Colors Animation everywhere. You can do this by adding this code into “functions.php” of your child theme and then activating the child theme.

/**
 * Filter which adds header animation to all existing WordPress pages.
 *
 * @param array $classes - already added classes
 *
 * @return array
 */
function my_colors_animation_body_class( $classes ) {

	// First remove all already added animation classes.
	foreach ( $classes as $key => $value ){
		if ( false !== strpos( $value, 'ish-bg-animate') ){
			unset( $classes[ $key ] );
		}
	}

	// Add animation class to every page.
	$classes[] = 'ish-bg-animate';

	return $classes;
}
add_filter( 'body_class', 'my_colors_animation_body_class', 11 );

/**

* Filter which adds header animation to all existing WordPress pages.

* @param array $classes - already added classes

* @return array

function my_colors_animation_body_class( $classes ) {

// First remove all already added animation classes.

foreach ( $classes as $key => $value ){

if ( false !== strpos( $value, 'ish-bg-animate') ){

unset( $classes[ $key ] );

}

// Add animation class to every page.

$classes[] = 'ish-bg-animate';

return $classes;

}

add_filter( 'body_class', 'my_colors_animation_body_class', 11 );

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market