Anthem Theme edit style.css
-
Hello, I like to edit my css file for the anthem wordpress theme. Already changed some colours but can’t figure out how to change the colour of the main navigation under the round logo. Could somone please help me out? You will find the css code for the main nav and the links. Somebody knows how I can change the main navigation links and keep te reddish color on the other links in the posts?
this is the website: http://minimaljournal.com
/* MAIN NAV ----------------------------------------------- */ nav { margin-bottom: 30px; padding: 1em 0 1.1em; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; -moz-box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.075); -webkit-box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.075); -o-box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.075); box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.075); } nav ul { line-height: 1.5em; font-size: 1.5em; } nav li a { font-weight: bold; } .sub-menu { font-size: 1em; line-height: 1.5em; margin-left: 1.5em; } /* LINKS ----------------------------------------------- */ a { text-decoration: none; color: rgb(206, 79, 76); -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-style: none; } a:hover, a:focus { color: rgba(0, 0, 0, 0.5); } a img { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a:hover img, a:focus img { opacity: .85; } /* ALT LINKS IN POST + PAGE BODY */ .post-body a, #content.page a, #comments a, #respond a { color: #000000; font-weight: bold; } .post-body a:hover, #content.page a:hover, #comments a:hover, #respond a:hover { color: rgba(20, 158, 231, 0.5); } a.post-edit-link { padding: 3px 6px; font-size: .75em; background: rgba(0, 0, 0, 0.05); -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; opacity: .75; color: #000000; } a:hover.post-edit-link { color: rgba(0, 0, 0, 0.6); }
Viewing 10 replies - 1 through 10 (of 10 total)
Viewing 10 replies - 1 through 10 (of 10 total)
The topic ‘Anthem Theme edit style.css’ is closed to new replies.