Changing Nav Bar transparency

[Camou_Thaddeus]

Is there any way to change the Nav Bar transparency/ colour when it's at the top of the website? I would like to add a colour behind the text as to keep it consistent while scrolling down. 

[BJ5]

What's the address of your website? I think that should be possible to do.

[Camou_Thaddeus]

You mean this right? animage.asia . Sorry, this is my first time posting on the community as I've exhausted a lot of options to fix this.

[BJ5 · Accepted solution]

That's ok. Add this to Settings > SEO > Header Code:

<style>

.birdseye-header,  {

background: #232323 !important;

color: #ffffff !important;

border-color: #ffffff !important;

}

</style>

It should make it stay dark all the time on your published website (it won't do anything in the editor, fyi).

[Camou_Thaddeus]

Thanks for the assist, and would I need to do the same for every page's SEO setting?

[Camou_Thaddeus]

Hey, sorry for the late re-reply, I've copied the coding that you've given me and I've check on the published site and it didn't work but I've found a workaround this issue( Just had to turn off the header on the pages as I found out that some of my pages didn't have the transparent nav bar.) Thanks for taking your time to help anyway!

[Bernadette3]

If you add the code to Settings>SEO>Header it should apply to all pages. 

[Camou_Thaddeus]

Thanks, will keep this in mind the next time I'm typing in the SEO codes.