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
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;
}
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
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 