Hi, in the paid-version of sixteen (sixteen-plus) there is the possibility to select some other styles/colors. But this styles are fixed, so it′s not possible to select each of the colors separately.
You can see the different styles on the developer-homepage (inkhive).
But you can change each color with a code in the custom-css.
This works in the free and the paid version of sixteen.
You can copy the code (or a part of it) from the main.css to the custom-css or in your child-theme an change the color-codes.
The css-code for the colors look like this:
/* Main Navigation
_______________________________________________*/
#nav-wrapper {
width: 1100px;
margin: auto;
text-align: center;
margin-top: 100px;
}
.main-navigation {
display: inline-block;
background: #100d0a;
border: solid 3px #211e1b;
clear: both;
margin: auto;
margin-bottom: 20px;
height: auto;
text-align: left;
}
.main-navigation a {
color: #5e5340;
padding: 25px 15px;
}
.main-navigation a:hover {
color: #7a5a24;
}
.main-navigation ul ul {
background: #170d03;
top: 4em;
}
.main-navigation ul ul a {
padding: 5px 10px;
}
.main-navigation ul ul a:hover {
background: #5e5340;
color: #100d0a;
}
.main-navigation li:hover > a {
color: #7a5a24;
background: #100d0a;
}
.main-navigation ul ul :hover > a {
background: #5e5340;
color: #100d0a;
}
select.mobileMenu {
margin: 20px 35px;
outline: none;
background: #666;
color: #ddd;
border-color: #888;
padding: 5px;
}
To select a color you can use tools like html-color-picker to find the right code of a color.
So far & greetz
