change the color of the .navbar rule for style.css does not apply the change

Looks like it is based on a child theme with the fact you are importing the css.

If you do this, it should work, if the navigation does have a class of navbar.

.navbar {
    background-color: #220e10 !important;
}

I am not a huge fan of using the !important; but sometimes if the css is being loaded before the existing class in css you need to use it else its impossible to change.

can you link it to the course work and I will take a look for you ;)

Course work is the online editor that comes in the project.

have you tried the #navbar instead of .navbar?

Without seeing it live I cant really see what is happening and what css is stopping yours from working.

now, i've tried also

navbar {background-color: #220e10; !important;}

.navbar {background-color: #220e10; !important;}

#navbar {background-color: #220e10; !important;}

but none of them work, i cleaned the cache and erased the history

Is this on your own server?

Link to url if it is?

i have it on MAMP Apache: 80 Ngynx: 7888 MySQL: 3306

http://localhost/build_a_website/

This may be a silly question but have you activated the child theme in the admin area?

jaja Yes Sir, i did activated it

Have you made the functions.php show the css correctly?

For instance:

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'twentythirteen-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

That is the only other thing I can think of

thanks Sandra Hogan, i tried the examples without the extra semi-colons. it didn't worked.

i'm trying to figure out what can be missing.

I would guess that the css is not being included correctly for some reason.

1. Go the the website
2. View Source
3. look for the style.css file
4. see if the file matches the one you're expecting: "Theme Name: Twenty Thirteen Child" with you .navbar style

I'm really late but is your parent theme folder in the same folder as your child them?