Docs

[CoreyKlinefelter]

My Website is CoreyKlinefelter.com
I’m trying to change the color of my Nav bar and footer to -> RGB(30,30,31)
I’m also trying to move my name in the nav bar to the bottom edge like my nav bar buttons are, as well as making “Corey” this color –> rgb(202,0,29)
Last but not least I’ve uploaded Custom fonts “bebas” and “bebas neue” to my site but I can’t change the font of both the nav bar buttons and my name in the navbar to those fonts..

[Lely]

Hello There,

To change Nav bar color and footer too, use the following CSS:

.x-navbar,
.x-colophon{
    background-color: rgb(30,30,31);
}

Go to Appearance > Customize > Header >Navbar Top Logo Alignment (px) to adjust logo position.
To change Corey, please use this:

.x-brand{
   color:rgb(202,0,29);
}

Check this for custom font declaration:https://community.theme.co/forums/topic/custom-font-2/#post-142444

Hope this helps.

[CoreyKlinefelter]

The first line of code worked, thank you! However the code to change “Corey” to the red color ended up changing “Corey Klinefelter” all red. Any tips on how to change that? Also when I reposition the logo it ends up moving the logo down but in doing so it makes the navbar wider and doesn’t actually bring the name to the edge like the navbar buttons. Didn’t I see you guys were advertising a Nav Bar builder? Is that still being mad or is that out yet? I appreciate the help so far!

[Rue Nel]

Hello There,

Thanks for updating in! Do you want something like this?

If that is the case, since you have your child theme active and ready, please follow the following steps below:
1] Using Notepad or TextEdit or Sublime Text or any text editor, please create a new file in your local machine.
2] Insert the following code into that new file

<?php

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

$site_name        = '<span style="color: rgb(202,0,29);">Corey</span> Klinefelter';
$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 '<h1 class="visually-hidden">' . $site_name . '</h1>'; ?>

<a href="<?php echo home_url( '/' ); ?>" class="<?php x_brand_class(); ?>" title="<?php echo $site_description; ?>">
  <?php echo ( $logo == '' ) ? $site_name : $site_logo; ?>
</a>

3] Save the file named as _brand.php
4] Upload this file to your server in the child theme’s folder
wp-content/themes/x-child/framework/views/global/

We would loved to know if this has work for you. Thank you.

[CoreyKlinefelter]

Sadly that didn’t work for me

[Christopher]

Hi there,

Please update your code to :

<?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 '<h1 class="visually-hidden">' . $site_name . '</h1>'; ?>

<a href="<?php echo home_url( '/' ); ?>" class="<?php x_brand_class(); ?>"><span style="color: rgb(202,0,29);">Corey</span> Klinefelter
</a>

Hope it helps.

[Author]

Posts