Homepage › Community Forums › Aspire Theme Support › Customize navigation menu and footer › Reply To: Customize navigation menu and footer
First, in order to change the font, can you tell me where you added this code? –
.genesis-nav-menu a {
color: #000;
display: block;
font-size: 17px;
font-weight: 700;
letter-spacing: 2px;
padding: 30px 15px;
text-transform: uppercase;
}
Did you add this in your customizer? If you did add this code in your customizer then I would remove it if you can.
Next, add this to your custom CSS –
.front-page .genesis-nav-menu > .menu-item > a {
color: #000;
}
That should make the Text on the homepage Black at the top (transparent background), and white when scrolling down (black background).
On the other pages, the text should stay white at all times.
For the footer widgets, you can center them all in one column like this –
.footer-widgets .footer-widgets-1,
.footer-widgets .footer-widgets-2,
.footer-widgets .footer-widgets-3 {
float: none;
margin: auto;
overflow: hidden;
text-align: center;
width: 100%;
background-color: red;
}
If you’re looking for something beyond that then you’ll have to create some custom code for it since it will take some extra time to get it working. You can find the code to get started on those widgets around line 2068. You can either use the first 2 widgets and leave the 3rd widget empty, or you can keep it like you have it (footer 1 and footer 3) and make your adjustments until you get it how you want it to look.
