How do I change the initial color of the nav bar menu?

[nelsonmestevao]

The initial color is white and when I scroll down it became gray. How do I keep the color text gray the whole time?

I get confuse with the css and sass files...

If you could help me I would be thankful!

[jarrekk]

Thanks for using this theme, anyone who wants to change color in this theme may be a little confused, later I will try to make these color as variables :)

You can find CSS code of nav bar color with Chrome inspect:

and the code is at file static/css/style-purify.css line 2222, after you change it, you should compress CSS file with command npm run build, thanks!

[nelsonmestevao]

Thank you for this theme!

If you could put it as variables would be great!

Thank you for the help, however at style-purify.css line 2222 theres nothing like that..

[jarrekk]

You can search word .landing-page .navbar-default.navbar-scroll at file style-purify.css
In Jalpc it locates at here

[AhmetBas]

Hi in my setup i have to edit /static/assets/app-20170729.min.css. Is there an reason why i have to edit /static/assets/app-20170729.min.css for changing my colors.

[jarrekk]

@AhmetBas It's not advisable to edit app-xxx.min.css file because it's a compressed file. Please edit style-purify.css.

[AhmetBas]

@jarrekk Okay, i am not an very familiar with front end what happens if i use the compressed file. Could you also explain which i have to edit of the css since i have static file outsite my _site and an static file inside my _side. Its confusing me

[jarrekk]

@AhmetBas Advice you to read documents about Jekyll, this issue isn't about its original motif, so it will be closed.