Configuring Navbar Style (changing color, height, etc)

Shapely
1

Hey there,
I just started using your Shapely theme and it is absolutely incredible.

My website is cbktalent.com/drewcatherine
I want to edit the navbar to make it black, and to make the menu options white, and gray upon hovering.
I also want to change the font of the brand, or if not possible, to replace it with a logo.

Here is the child theme settings i’m using:


style.css:
/*
Theme Name: Child Theme
Template: shapely
Author: Free WP TP
Author URI: http://freewptp.com/
*/

//

functions.php:
<?php

// Queue parent style followed by child/customized style
add_action( 'wp_enqueue_scripts', 'func_enqueue_child_styles', 99);

function func_enqueue_child_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_dequeue_style('shapely-style');
    wp_enqueue_style( 'shapely-style',
        get_stylesheet_directory_uri() . '/style.css',
        array('parent-style')
    );
}

Anytime I try to edit something in the child theme stylesheet, it doesn’t appear in the theme.
I’m not very proficient with CSS but I would much rather avoid editing CSS directly on the parent theme.

Please help.

Thank you.

2

Hi @andrewthemack,

The child theme that you created is not correct, because of this is not working as it supposed to do.

You have attached a tutorial on how to make a child theme for shapely.

Thanks,

Cristian