Upload New Color Logo

[brockburwell]

I am wanting a black version of my logo to be on the menu of the page below. Is this possible? Currently it’s white and it can’t be seen because the background is white. Thanks!

http://theopendoor.church/category/events/

[Prasant]

Hello @brockburwell,

Thanks for asking.

Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. I am sharing few resources that you can use to download and setup child theme.

https://theme.co/apex/child-themes

Child Themes | Themeco Docs

After that create _brand.php file under /wp-content/themes/x-child/framework/legacy/cranium/headers/views/global/ and paste following code in that file. Please note that you will have to create child folders in the same order.

<?php

// =============================================================================
// VIEWS/GLOBAL/_BRAND.PHP
// -----------------------------------------------------------------------------
// Outputs the brand.
// =============================================================================

$site_name        = get_bloginfo( 'name' );
$site_description = get_bloginfo( 'description' );
$logo             = x_make_protocol_relative( x_get_option( 'x_logo' ) );
$site_logo        = '<img src="' . $logo . '" alt="' . $site_description . '">';

?>

<?php echo ( is_front_page() ) ? '<h1 class="visually-hidden">' . $site_name . '</h1>' : ''; ?>

<a href="<?php echo home_url( '/' ); ?>" class="<?php x_brand_class(); ?>" title="<?php echo $site_description; ?>">
	<?php
		if(is_page( array(123) )){
			echo '<img src="http://example.com/logo.png />';
		} 
		} else {
			echo ( $logo == '' ) ? $site_name : $site_logo;
		}
	?>
</a>

You need to replace logo path (http://example.com/logo.png) and page id (123) in above code.

To find out page id, you can take a look at following tutorial.

How to Locate Post IDs | Themeco Docs

Thanks.