Changing colours in the Navigation in DW Page

Michael Mann
asked 11 years ago

Hey there,
Was hoping to change the colour of the following navigation items in DW Page. I looked at the Bootstrap CSS and found it a little daunting. Was hoping you could help me out when you get a moment.

Nav Text Color
Nav Text on hover colour
Nav Text active page colour

Secondary Nav text colour
Secondary Nav text on hover colour
Secondary Nav Background colour
Secondary Nav Background colour on hover

1 Answers

DominicStaff
answered 11 years ago

Hello Michael Man!

To change the color of the following navigation items in DW Page. you open the file template.css and you find the following code to change the color.
1.
Nav Text Color
Nav Text on hover colour
Nav Text active page colour


.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
color: #fff;
}

.nav .active {
border-bottom: 1px solid #fff;
}

2.
Secondary Nav text colour
Secondary Nav text on hover colour
Secondary Nav Background colour
Secondary Nav Background colour on hover


.select-page .dropdown-toggle:hover {
background: #fff;
border-color: #fff;
}

.dropdown-menu {
background-color: #fff;
}

.select-page .dropdown-menu a:hover {
background: #000;
color: #fff;
}

Hope this helps!

Regards,
Dominic