Change header colours & logo size

Shapely
1

Hi,
How would I go about changing the colour of the navigation links in the header? I’m trying to change the header to dark grey, and the text to white, however nothing I do in my child theme seems to work (including changing CSS).

Also, how would I make the logo in the top right corner become bigger and cover more of the header in width? I have a longer logo, however when I uploaded this it didn’t work and just had the same width and a very small height.

My website link is here.

Thanks,
Josh

2

Hello Josh

“however nothing I do in my child theme seems to work (including changing CSS).” - Can you tell me what you have in your child theme for changing header style?

this code will changes logo appearance little bit:

.main-navigation {
padding: 0px;
}

3

Hi Noda,
To change the colour of the whole bar, I use this code in the header file which seems to work:
$style = 'style="background: rgb(40, 40, 40)"';

Please could you tell me where the functions
<?php shapely_get_header_logo(); ?> and <?php shapely_header_menu(); ?> are located?
Also, how would I target just the top navigation links? Could I use the class menu-item or this also target other aspects of the website?

The CSS code that you gave me doesn’t do anything if I put it in my child’s style.css file.
Could I check that I have added my CSS file correctly?

function my_theme_enqueue_styles() {

    $parent_style = 'shapely-style'; 
    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' );

Thanks,
Josh

4

hello Josh

“Please could you tell me where the functions” - download theme in you pc and use search in the files to find any text in the theme,

you can add code in appearance > customize > additional css

“$style = ‘style=“background: rgb(40, 40, 40)”’;” - im really out of idea how or why thi code works :slight_smile: