Last active
January 6, 2019 23:48
-
-
Save maevelander/8e26f51c3a1fdea433d38fda4d6e0db2 to your computer and use it in GitHub Desktop.
Customise Sela theme color
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 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; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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!