Skip to content

Instantly share code, notes, and snippets.

@maevelander
Last active January 6, 2019 23:48
Show Gist options
  • Save maevelander/8e26f51c3a1fdea433d38fda4d6e0db2 to your computer and use it in GitHub Desktop.
Save maevelander/8e26f51c3a1fdea433d38fda4d6e0db2 to your computer and use it in GitHub Desktop.
Customise Sela theme color
/* Customise Sela theme color */
/* Nav background */
.main-navigation {
background-color: #0b778a;
}
/* Nav rollovers */
.main-navigation li a:hover {
color: #b0dbe2;
}
.main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a, .main-navigation li.current_page_ancestor > a, .main-navigation li.current-menu-ancestor > a {
color: #b0dbe2;
}
/* Nav item separators */
.main-navigation .nav-menu > li > a:after, .main-navigation .menu > li > a:after {
color: #b0dbe2;
}
/* Site wide links */
a {
color: #0b778a;
font-weight: bold;
}
/* Footer links */
.site-info a {
color: #fff;
}
.site-info a:hover {
color: #0b778a;
}
/* Form submit button */
button, input[type="button"], input[type="reset"], input[type="submit"], #infinite-handle span {
background-color: #0b778a;
}
@maevelander
Copy link
Author

maevelander commented Aug 17, 2016

This changes Sela theme color to a lovely shade of teal. Obviously you can replace the color codes with your own choice of color.

Add this CSS in the form of a child theme, or use Simple Custom CSS plugin. Too easy!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment