I am a novice in the process of constructing my own navigation bar for my website, and I am encountering difficulties when trying to customize the font (color, font-family, etc).
Currently, the links in my navigation bar (such as home, contact, store, etc) are displayed as default links. I attempted to create a new ID in my style.css file called a.nav {}, but I am unsure how to apply it to my navbar instead of the default a {}.
This is the snippet of code I have in my header.php file:
<nav class="site-nav">
<?php
$args = array(
'theme_location' => 'primary'
);
?>
<?php wp_nav_menu( $args ); ?>
</nav>
</header>This is the code from my style.css file:
## Links
--------------------------------------------------------------*/
a {
color:#000;
}
a:visited {
/*color:#454545;*/
}
a:hover,
a:focus,
a:active {
color: #fff;
text-decoration:bold;
}
a:focus {
outline:none;
}
a:hover,
a:active {
outline: 0;
}
/* Links - home.site-nav */
a.nav:link {
font-family: montserrat;
font-weight: 100;
font-style: normal;
color:#fff;
}
a.nav:visited {
/*color:#454545;*/
}
a.nav:hover,
a.nav:focus,
a.nav:active {
color: #fff;
text-decoration:bold;
}
a.nav:focus {
outline:none;
}
a.nav:hover,
a.nav:active {
outline: 0;
}I am seeking assistance on how to ensure that my navigation bar utilizes the newly created a.nav class instead of the default a. Any suggestions?