Changing Background Color to white

Home Forums Support Changing Background Color to white


I need to change the menu navigation style background color to white on warp theme Square template , anyone who can help?


Brian

Hi Fred,
Open custom.css file located joomla/templates/template-name/css/custom.css then add

.tm-navbar {
  background: red;
}

save and recheck.



Brian

Hi Fredrick,
I see you added the css code to custom.css file with grey background color, its working, see https://imgur.com/a/Ygbe9ib


Thanks bryan , its working now, also wanted to ask if changed the background to white would need to change the fonts also from white color , how do i change the menu text font color ?


Brian

Here the solution

.uk-navbar-nav > li > a {
  color: red;
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
  color: red;
  /* 3 */
  outline: none;
}
/* OnClick */
.uk-navbar-nav > li > a:active {
  color: red;
}
/* Active */
.uk-navbar-nav > li.uk-active > a {
  color: #fff;
}
.uk-navbar-nav > li > a:after {
  background: red;
}

You must be logged in to reply to this topic.