roadmap
roadmap copied to clipboard
Updating navbar/footer background colour
I have an instance of DMPRoadmap (current version) that I'm trying to update some basic styling on. I've been tweaking the colours and have run into some issues with changing the navbar or footer background.
Those colours are defined in _navbars.scss as the $navbar-branding-bg
variable, which is defined in _bootstrap.scss as the $color-navbar-background
variable, which is defined in _colours.scss as the $color-grey-darkest
variable which is set to hexcode 222 by default.
I've changed the value set for $color-grey-darkest
, which updates much of the app but notably not the navbar or footer (similar to what #2164 encountered). I've gone as far as trying to hardcode it to another value in _navbars.scss but it always displays the default 222.
Is there any easy way to change the navbar/footers colour?
Hi @Sean-Stilwell if you've tried hard coding and it still didn't change, then I suspect it may be cached in your browser. Try clearing the cache or in a different browser altogether to see if your change works.
Rails uses the "asset pipeline" to manage those stylsheet assets and it can be finicky at times and will depend on how you're running the site. Are you running locally in development mode with rails server
or do you have it deployed and running as a daemon in production mode? If running in development mode, it should pick up your changes when you refresh the screen, if you're running in production mode try running (from the root project folder) rails assets:clobber && rails assets:precompile
and then restart puma. This will rebuild all of the assets.
@Sean-Stilwell are you still having issues with this?
Hi, we weren't able to solve this one. We ultimately replaced the headers/footers with corporate ones so this isn't a problem for us any more.
Thanks for the help!
ok glad you got it working. I'm going to close this issue.