How to change color of my dropdown bar

I am trying to change the color of my dropdown bar and center the words using a 7.1 template. 

Please help!

Add to Design > Custom CSS

.header-nav-folder-content {
    background: red !important;
}
.header-nav-folder-item * {
    text-align: center;
}

Hello!

I´m trying to do something similar.

I´m in squarespace 7.1, and using "transparent header" (with image behind the navigation).

When I have a dark image behind the navigation, I need the navigation font color to be white.

When I have a light background image behind the navigation, I need the navigation font color to be dark.

Does anyone know how to do this?

1 hour ago, Erlend-fs said:

Hello!

I´m trying to do something similar.

I´m in squarespace 7.1, and using "transparent header" (with image behind the navigation).

When I have a dark image behind the navigation, I need the navigation font color to be white.

When I have a light background image behind the navigation, I need the navigation font color to be dark.

Does anyone know how to do this?

Can you share site url? We can help easier

Thanks for your reply tuanphan!

Link to the site: https://spinach-keyboard-w7ws.squarespace.com/

It seems like the Header are using the Section Theme "Black Minimal" by itself when it´s a background image behind the menu. This works fine when it´s a dark image (since the Black Minimal theme is set to have white text color), but on a light background image, I need to have dark font color.

If I could choose which Section Theme every page (header) should have, it would have solved the problem

password: arbeiditau2021

On 1/21/2021 at 2:54 PM, Erlend-fs said:

password: arbeiditau2021

Password is incorrect :(

I did figure this out.

The navigation link color is set by what section theme you have in the first section of your page (after the navigation section).

Thanks anyway!