Nav bar text colors for JA Resume

wkennedy

I am having problems with text color of menu items in navbar; I need more contrast. I attempted to change in file t3-assets/dev/dark-triangular-yellow/templates.ja_resume.less.navbar.less.css, but my edits are not getting the result I need. I want the navbar text to be as follows:
When nav bar background is dark, I want the menu item text to be light (ccc), and
when the background is white, I want the text to be dark 111.
Upon open, the background is dark, and the text is indistinguishable from the background, so it needs to be light; when scrolling down in the one-page mode, the sticky nav bar is light, so the text should be dark there. I have assigned 2 pages to style resume default, so the same scheme should be employed on those pages as well.
Thanks in advance for your help.
Walt, Kennedy

saguaros

Hi Walt,

You should not edit CSS/LESS file in 't3-assets' folder - this is temporarily folder to keep compressed files only. If you want to change LESS files, you should change in template folder:

/templates/ja_resume/less/navbar.less

// Style Dark
.style-dark & {
.navbar-nav {
> li > a {
  color: @white;

  &:hover,
  &:focus {
    color: @navbar-default-link-active-color;
  }
}

> .active > a {
  &,
  &:hover,
  &:focus {
    color: @navbar-default-link-active-color;
    background-color: @navbar-default-link-active-bg;
  }
}
}
}

......

or customize in themes folder: /templates/ja_resume/less/themes/ that you're using.

Regards