How to edit the color scheme for Cover WP Theme
-
I’m trying to change the color scheme on the theme I selected and having just one hell of a time. There must be an easier way but I can’t figure it out. I don’t know anything about css or programming in general but I know how to spot a hex color so I figured I could just go through and change them. I love the Cover WP theme but I hate the ugly brown and red color scheme. I want to make it into something neutral that uses various shades of gray that will look good on pretty much any background. Light grays, dark greys, gunmetal grays, titanium. I figure these colors will work well on anything. The problem is that I spent a great deal of time, I still don’t think it looks great, and I missed I couple that I can’t seem to find that are still giving me some ugly browns in there. Can anyone help? Here’s my mystyle.css
‘
@charset “utf-8”;
/*
Theme Name: Cover WP
Theme URI: https://www.onedesigns.com/wordpress-themes/cover-wp
Description: A user-ready magazine style theme. Includes support for several plugins, custom menus, custom header, drop-down menus, featured & popular posts, automatic thumbnail resizing, widget-ready sidebar and footer, author highlighting, social bookmarking, threaded comments, localized for english, romanian and german.
Version: 1.6.5
Author: One Designs
Author URI: https://www.onedesigns.com/
Tags: brown, fixed-width, right-sidebar, two-columns, custom-header, custom-background, custom-menu, editor-style, theme-options, threaded-comments, sticky-post, translation-readyLicense: GNU General Public License v2.0
License URI: license.txt
*/*
{
margin:0;
padding:0;
}body
{
background-color:#1a1c1d;
background-image:url(images/bg.png);
background-position:top center;
margin:0;
padding:0;
font-family:”Helvetica Neue”, Helvetica, Arial, “Nimbus Sans L”, sans-serif;
color:#333333;
}.clear
{
clear:both;
}#topbar
{
height:10px;
width:974px;
background:#373b3d;
border-bottom:#444647 1px solid;
font-size:0;
}#feeds
{
float:right;
padding:0 8px;
background:url(images/feeds.gif) top left no-repeat;
width:162px;
margin-right:160px;
position:absolute;
margin-left:636px;
}#feeds p
{
padding:0 8px 3px 8px;
text-align:center;
height:17px;
}#feeds a:link, #feeds a:visited
{
color:#999999;
font-size:12px;
text-decoration:none;
background:url(images/feed.png) left no-repeat;
padding-left:14px;
margin:0 2px;
}#feeds a:hover, #feeds a:active
{
text-decoration:underline;
}#wrapper
{
background:#aaaaaa;
width:974px;
margin:0 auto;
position:relative;
}#header
{
background:#505050;
font-family:Verdana, Geneva, “DejaVu Sans”, sans-serif;
display:block;
width:974px;
height:95px;
}#headerwidget
{
float:right;
width:468px;
height:60px;
margin:18px 54px 0 0;
overflow:hidden;
}.hitem
{
background:#FFFFFF;
}#headerwidget .widget h3
{
margin-top:0;
}#header #site-heading a, #header #site-description
{
color:#eaeaea;
}#header #site-heading
{
font-weight:normal;
padding-top:20px;
margin-left:40px;
font-family:Verdana, Geneva, “DejaVu Sans”, sans-serif;
font-size:32px;
margin-top:0;
margin-bottom:0;
}#header #site-heading a:hover, #header #site-heading a:active
{
text-decoration:none;
border-bottom:#eaeaea 1px dotted;
}#header #site-description
{
font-weight:normal;
font-size:14px;
padding:0 0 0 80px;
font-family:Verdana, Geneva, “DejaVu Sans”, sans-serif;
margin-top:0;
margin-bottom:0;
}#searchform
{
position:absolute;
left:699px;
margin-top:5px;
}#searchform input#s
{
color:#a0a0a0;
border:#a0a0a0 1px solid;
padding:3px 2px;
font-family:Georgia, “URW Bookman L”, serif;
width:225px;
background:#dadada;
margin-right:0;
}#searchform input#searchsubmit
{
margin-right:10px;
border:#a0a0a0 1px solid;
padding:2px;
width:30px;
text-align:center;
background:#d6d6d6 url(images/go.png);
color:#333333;
font-weight:bold;
}#nav
{
width:974px;
min-height:33px;
background:#d6d6d6 url(images/menu.png);
}ul#menu, .menu ul
{
padding:0;
list-style-type:none;
font-family:Georgia, “URW Bookman L”, serif;
font-size:18px;
padding-right:285px;
margin:0;
}ul#menu li, .menu ul li
{
float:left;
padding:0 5px;
margin:7px 0;
border-right:#333333 1px dotted;
margin-left:0;
}ul#menu li a:link, ul#menu li a:visited, .menu ul li a:link, .menu ul li a:visited
{
display:block;
text-align:center;
padding:0 15px;
text-decoration:none;
color:#333333;
}ul#menu li a:hover, ul#menu li a:active, .menu ul li a:hover, .menu ul li a:active, ul#menu li.current_page_item a, .menu ul li.current_page_item a:link, .menu ul li.current_page_item a:visited, .menu ul li.current_page_item a:hover, .menu ul .current_page_item a:active
{
background-color:#dddddd;
text-decoration:none;
color:#2e982c;
}ul#menu li li
{
border-right:none;
margin:0;
margin-top:1px;
min-width:120px;
padding:0;
float:none;
}ul#menu li li li
{
padding-left:1px;
}ul#menu li li a, ul#menu li li a:link, ul#menu li li a:visited
{
background:#d6d6d6 url(images/submenu.png) bottom;
min-width:120px;
color:#333333;
font-size:16px;
font-family:Georgia, “URW Bookman L”, serif;
margin:0;
line-height:25px;
text-align:left;
}ul#menu li li a:hover, ul#menu li li a:active
{
background:#dddddd;
color:#2e982c;
}ul#menu li ul
{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
min-width:150px;
margin:0;
padding:0;
list-style-type:none;
}ul#menu li ul a
{
min-width:120px;
}ul#menu li ul ul
{
margin:-26px 0 0 150px;
}ul#menu li:hover ul ul, ul#menu li:hover ul ul ul
{
left:-999em;
}ul#menu li:hover ul, ul#menu li.sfhover ul, ul#menu li li:hover ul, ul#menu li li.sfhover ul, ul#menu li li li:hover ul, ul#menu li li li.sfhover ul
{
left: auto;
}ul#menu li:hover, ul#menu li.sfhover
{
position: static;
}#content
{
clear:both;
}#center
{
float:left;
width:620px;
margin-bottom:5px;
}#sticky, #headline, #latest, #the_loop, #comments
{
width:590px;
margin:10px;
padding:10px;
border:#d9d9d9 1px solid;
background:#dadada url(images/featured.png) top no-repeat;
overflow:hidden;
}#sticky {
border:#d9d9d9 1px solid;
background:#e1e1e1;
}.sticky
{
border:#d9d9d9 1px solid;
border-bottom:none;
background:#e1e1e1 !important;
padding:0 10px 10px;
margin-top:10px;
}#sticky img, #headline img, #featured img, #popular img, #latest img, #the_loop img.thumb, #the_loop img.wp-post-image
{
float:left;
margin:5px 10px 10px 0;
padding:1px;
border:#c1c1c1 1px solid;
}#sticky img, #headline img, #latest img, #the_loop img, #comments img
{
max-width:586px;
}#featured img, #popular img
{
float:left;
margin:5px 5px 5px 0;
padding:1px;
border:#c1c1c1 1px solid;
max-width:276px;
}#latest img
{
float:left;
margin:5px 7px 7px 0;
padding:1px;
border:#c1c1c1 1px solid;
}#sticky h3, #headline h3, #featured h3, #popular h3, #latest h3, .sitem h3, #top h3
{
background:#d6d6d6;
font-size:11px;
color:#333333;
padding:3px 7px;
text-transform:uppercase;
border:#c2c2c2 1px solid;
margin-top:0;
margin-bottom:3px;
}#sticky h2 a, #headline h2 a, #the_loop h2 a, #post-headline a
{
display:block;
margin-top:7px;
padding-bottom:2px;
font-size:20px;
color:#333333;
border-bottom:#333333 1px dotted;
}#sticky h2 a:link, #sticky h2 a:visited, #headline h2 a:link, #headline h2 a:visited, #featured h2 a:link, #featured h2 a:visited, #popular h2 a:link, #popular h2 a:visited, #latest h2 a:link, #latest h2 a:visited, #the_loop h2 a:link, #the_loop h2 a:visited, #post-headline a:link, #post-headline a:visited
{
color:#333333;
text-decoration:none;
}#sticky h2 a:hover, #sticky h2 a:active, #headline h2 a:hover, #headline h2 a:active, #featured h2 a:hover, #featured h2 a:active, #popular h2 a:hover, #popular h2 a:active, #latest h2 a:hover, #latest h2 a:active, #the_loop h2 a:hover, #the_loop h2 a:active, #post-headline a:hover, #post-headline a:active
{
color:#333333;
text-decoration:underline;
}p.postmeta
{
line-height:25px;
}#sticky p, #headline p, #featured p, #popular p, #latest p
{
font-size:12px;
line-height:20px;
color:#333333;
}#sticky p, #headline p, #latest p
{
text-align:justify;
}#sticky p a:link, #sticky a:visited, #headline p a:link, #headline p a:visited, #featured p a:link, #featured p a:visited, #popular p a:link, #popular p a:visited, #latest p a:link, #latest p a:visited
{
color:#2e982c;
text-decoration:none;
}#headline p a:hover, #headline p a:active, #featured p a:hover, #featured p a:active, #popular p a:hover, #popular p a:active, #latest p a:hover, #latest p a:active, .sticky p a:hover, .sticky p a:active
{
text-decoration:underline;
}#featured
{
float:left;
width:280px;
margin:0 0 10px 10px;
padding:10px;
border:#d9d9d9 1px solid;
background:#dadada url(images/list.png) top no-repeat;
overflow:hidden;
}#featured h2, #popular h2, #latest h2
{
margin-top:7px;
font-size:16px;
color:#333333;
}.spost
{
clear:both;
padding-bottom:5px;
font-size:12px;
}#featured .spost, #popular .spost
{
min-height:123px;
}.spbottom
{
clear:both;
border-bottom:#333333 1px dotted;
}p.read
{
margin-top:5px;
}#popular
{
float:right;
width:280px;
padding:10px;
border:#d9d9d9 1px solid;
background:#dadada url(images/list.png) top no-repeat;
margin-bottom:10px;
overflow:hidden;
}#latest, #bottom
{
clear:both;
}#sidebar
{
float:right;
width:334px;
margin:10px;
}.sitem, .topitem
{
padding:10px;
border:#d9d9d9 1px solid;
background-color:#dadada;
margin-bottom:10px;
color:#333333;
overflow:hidden;
}.sitem form, .topitem form, .sitem input, .topitem input, .sitem textarea, .topitem textarea, .sitem select, .topitem select
{
max-width:306px;
}#left .sitem form, #right .sitem form, .sitem input, #right .sitem input, .sitem textarea, #right .sitem textarea, .sitem select, #right .sitem select
{
max-width:135px;
}.sitem img, .topitem img
{
max-width:308px;
}#left .sitem img, #right .sitem img
{
max-width:137px;
}.sitem h3, #top h3
{
margin-bottom:3px;
}ul#categories, .topitem ul
{
list-style-type:none;
font-family:Georgia, “URW Bookman L”, serif;
overflow:hidden;
}ul#categories li, .topitem ul li
{
margin-left:0;
line-height:24px;
padding:5px 0 2px 0;
font-size:18px;
color:#333333;
border-bottom:#2e982c 1px dotted;
}ul#categories li li, .topitem ul li li
{
border-bottom:none;
}ul#categories li ul, .topitem li ul
{
margin-left:15px;
}ul#categories li a:link, ul#categories li a:visited, .topitem ul li a:link, .topitem ul li a:visited
{
color:#2e982c;
text-decoration:none;
padding-top:2px;
}ul#categories li a:hover, ul#categories li a:active, .topitem ul li a:hover, .topitem ul li a:active
{
color:#2e982c;
text-decoration:underline;
}#left
{
float:left;
width:163px;
}#right
{
float:right;
width:163px;
}.sitem, .widget
{
font-size:12px;
}.sitem ul
{
list-style-type:square;
margin-left:14px;
}.sitem ul li
{
padding-left:0;
margin-left:0;
margin-bottom:2px;
padding-top:2px;
padding-bottom:1px;
border-bottom:#2e982c 1px dotted;
}.sitem ul li li
{
border-bottom:none;
}.linkcat h2
{
font-size:12px;
color:#333333;
}.sitem ul li a:link, .sitem ul li a:visited, .topitem ul li a:link, .topitem ul li a:visited
{
color:#2e982c;
text-decoration:none;
}.sitem ul li a:hover, .sitem ul li a:active, .topitem ul li a:hover, .topitem ul li a:active
{
text-decoration:underline;
}.recentcomments a
{
display:inline !important;
padding:0 !important;
margin:0 !important;
}#footer
{
clear:both;
background:#d6d6d6 url(images/flinks.png) top repeat-x;;
padding-top:15px;
}#fbar
{
margin-left:20px;
}.flinks
{
float:left;
width:270px;
margin:0 20px;
margin-bottom:10px;
font-family:Georgia, “URW Bookman L”, serif;
color:#333333;
}.flinks h3
{
font-family:Georgia, “URW Bookman L”, serif;
font-size:16px;
color:#333333;
margin-bottom:8px;
}.flinks ul
{
list-style-type:none;
font-family:Georgia, “URW Bookman L”, serif;
}.flinks ul li
{
border-bottom:#2e982c 1px dotted;
margin-left:0;
margin-bottom:5px;
min-height:20px;
padding:0px 0 2px 0;
font-size:16px;
color:#333333;
}.flinks a:link, .flinks a:visited
{
color:#2e982c;
text-decoration:none;
}.flinks a:hover, .flinks a:active
{
text-decoration:underline;
}#copyright
{
clear:both;
padding:0 0 7px 10px;
background:#505050;
color:#eaeaea;
font-family:Verdana, Geneva, “DejaVu Sans”, sans-serif;
font-size:12px;
background-image:url(images/footer.png);
height:28px;
}#copyright p
{
padding-top:8px;
color:#eaeaea;
font-family:Verdana, Geneva, “DejaVu Sans”, sans-serif;
font-size:12px;
}#copyright a:link, #copyright a:visited
{
color:#c2c2c2;
text-decoration:none;
}#copyright a:hover, #copyright a:active
{
text-decoration:underline;
}.post
{
padding-bottom:5px;
background:url(images/separator.gif) bottom repeat-x;
margin-bottom:10px;
}.the_content p
{
margin-bottom:15px;
text-align:justify;
}p.address
{
background:url(images/separator.gif) bottom repeat-x;
padding-bottom:3px;
}p.details
{
clear:both;
border-top:#333333 1px dotted;
margin-top:5px;
line-height:25px;
}a:link, a:visited
{
color:#2e982c;
text-decoration:none;
}a:hover, a:active
{
text-decoration:underline;
}p
{
font-size:12px;
line-height:20px;
color:#333333;
text-align:justify;
margin:0;
}img
{
padding:1px;
border:#c1c1c1 1px solid;
}.alignleft
{
float:left;
margin-right:10px;
}.alignright
{
float:right;
margin-left:10px;
}.aligncenter, div.aligncenter
{
display: block;
margin-left: auto;
margin-right: auto;
}img.alignleft
{
float:left;
margin:5px 10px 10px 0;
}img.alignright
{
float:right;
margin:5px 0 10px 10px;
}img.aligncenter, img.centered
{
display: block;
margin:10px auto;
}.wp-caption, .wp-caption-text
{
background:#c1c1c1;
margin-bottom:5px;
}.wp-caption img
{
padding:5px;
border:none;
}.wp-caption p
{
text-align:center;
padding-bottom:5px;
}.gallery
{
margin: auto;
}.gallery-item
{
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}.gallery img
{
border: 2px solid #c1c1c1 !important;
}.gallery-caption
{
margin-left: 0;
text-align:center;
}hr
{
border:none;
height:3px;
background:url(images/separator.gif) repeat-x;
padding:3px 0;
}h1, h2, h3, h4, h5, h6
{
color:#333333;
margin-top:5px;
margin-bottom:0;
}h1, h2
{
margin-top:5px;
margin-bottom:3px;
}.the_content h1, .the_content h2, .the_content h3, .the_content h4, .the_content h5, .the_content h6
{
margin:10px 0;
}dt
{
font-size:14px;
line-height:22px;
}dd
{
font-size:12px;
line-height:20px;
}ol, ul
{
font-size:12px;
padding:0;
margin:0;
margin-bottom:10px;
}ul
{
list-style-type:square;
}ol li, ul li
{
margin-left:20px;
color:#333333;
line-height:20px;
}pre
{
margin-bottom:10px;
padding:10px;
background:#d9d9d9;
font-family:”Courier New”, Courier, “Nimbus Mono L”, monospace
overflow:auto;
}fieldset
{
border:none;
}form
{
font-size:14px;
color:#333333;
}legend
{
font-size:14px;
font-style:italic;
line-height:20px;
color:#333333;
margin:0 0 10px 10px;
}label
{
font-size:12px;
color:#333333;
line-height:20px;
}input, textarea
{
color:#333333;
border:#a0a0a0 1px inset;
padding:2px;
margin:0 5px 5px 0;
}input#submit, input[type=submit], input[type=button], input[type=reset]
{
color:#333333;
padding:2px 6px;
background:#e7ddcb url(images/submit.png);
border:#a0a0a0 1px outset;
}input[type=radio]
{
border:none!important;
}select
{
color:#333333;
margin:0 5px 5px 0;
}table
{
font-size:12px;
color:#333333;
border-collapse:collapse;
margin-bottom:10px;
}table caption
{
margin-bottom:5px;
}table tfoot td
{
border:none;
text-align:left;
padding-top:5px;
}table tfoot td#prev
{
text-align:left;
}table tfoot td#next
{
text-align:right;
}table th
{
background:#e6d7b7;
}table th, td
{
border:#c1c1c1 1px solid;
padding:3px 5px;
}#wp-calendar th, #wp-calendar td
{
text-align:center;
}#right #wp-calendar th, #right #wp-calendar td, #left #wp-calendar th, #left #wp-calendar td
{
padding:2px 2px 2px 3px;
}blockquote
{
font-size:12px;
line-height:20px;
font-style:italic;
background:url(images/quotes.png) top left no-repeat;
padding:0 45px 5px 45px;
margin-top:10px;
}code, code p, .code
{
font-family:”Courier New”, Courier, “Nimbus Mono L”, monospace;
font-size:12px;
}.code p
{
font-family:”Courier New”, Courier, “Nimbus Mono L”, monospace;
}.wp-pagenavi
{
font-family:Georgia, “URW Bookman L”, serif;
font-size:14px;
color:#333333;
margin:0 0 5px 0;
background:#dadada;
}.wp-pagenavi a, .wp-pagenavi a:link {
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #2e982c;
color: #2e982c;
background: #dadada;
}.wp-pagenavi a:visited {
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #2e982c;
color: #2e982c;
background: #dadada;
}
.wp-pagenavi a:hover {
border: 1px solid #333333;
color: #333333;
background: #dadada;
}
.wp-pagenavi a:active {
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #2e982c;
color: #2e982c;
background: #dadada;
}
.wp-pagenavi span.pages {
padding: 2px 4px 2px 4px;
margin: 2px 2px 2px 2px;
color: #333333;
border: 1px solid #333333;
background: #dadada;
}
.wp-pagenavi span.current {
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333333;
color: #333333;
background: #dadada;
}
.wp-pagenavi span.extend {
padding: 2px 4px 2px 4px;
margin: 2px;
border: 1px solid #333333;
color: #333333;
background: #dadada;
}#comments h3
{
display:block;
margin-top:7px;
padding-bottom:2px;
color:#333333;
border-bottom:#333333 1px dotted;
border-bottom:none;
margin-bottom:10px;
}#comments ol li
{
list-style-type:none;
margin-left:0;
}#comments ol li.bypostauthor, #comments ol li.comment-author-admin
{
background:#e7ddcb;
}.comment, .trackback, .pingback
{
border:#d9d9d9 1px solid;
margin-bottom:10px;
padding:5px;
}.comment-author img
{
float:right;
}.comment-meta
{
margin-bottom:10px;
}.required
{
color:#2e982c;
}.reply
{
text-align:right;
margin-right:2px;
}ol.children
{
margin-top:10px;
}ol.children li
{
background:#dadada;
}#commentform
{
padding-top:10px;
}#commentform small
{
font-size:12px;
}#commentform textarea
{
width:583px;
}.form-allowed-tags
{
display:none;
}#commentform input#submit
{
color:#333333;
padding:2px 6px;
background:#e7ddcb url(images/submit.png);
}p#page-links
{
display:block;
height:20px;
font-family:Georgia, “URW Bookman L”, serif;
font-size:16px;
text-align:center;
margin-bottom:10px;
}.navigation
{
height:16px;
font-size:14px;
text-align:center;
padding:7px 0;
}.navigation .left, .navigation .right
{
display:inline;
margin:0 5px;
}.addtoany_share_save_container
{
clear:both;
float:left;
}.the_author
{
clear:both;
border:#d9d9d9 1px solid;
margin-bottom:20px;
padding:10px;
background:#e7ddcb;
font-size:12px;
color:#333333;
padding-bottom:25px;
min-height:74px;
}.the_author p
{
line-height:16px;
margin-bottom:5px;
}.the_author img
{
float:left;
margin-right:10px;
}.the_author h3 a
{
color:#333333;
}.the_author h3 span
{
color:#a0a0a0;
}#author_meta
{
width:490px;
float:right;
clear:both;
}#author_website
{
float:left;
width:50%;
}#author_twitter
{
float:right;
width:50%;
}#author_website p, #author_twitter p
{
text-align:center;
}.share_save_container
{
clear:both;
float:left;
margin:16px 0;
}ul.share_save_list
{
display:inline;
list-style-type:none;
margin:0 !important;
padding:0 !important;
}ul.share_save_list li
{
background:none !important;
border:0;
display:inline !important;
margin:0 !important;
padding:0 !important;
}ul.share_save_list li:before
{
content:””;
}ul.share_save_list li a
{
padding:0 3px;
}ul.share_save_list li a:hover img
{
margin-top:-2px;
}ul.share_save_list img
{
float:none;
width:32px;
height:32px;
border:0;
margin:0;
padding:0;
vertical-align:middle;
}a.share_save_list img
{
border:0;
width:auto;
height:auto;
}#related
{
margin-bottom:5px;
}#related h3
{
margin-top:10px;
margin-bottom:5px;
font-size:14px;
}img.wp-smiley
{
border:none;
}#wordpress
{
float:right;
background:url(images/wordpress.png);
width:78px;
height:35px;
}#wordpress a
{
display:block;
width:78px;
height:35px;
‘
- The topic ‘How to edit the color scheme for Cover WP Theme’ is closed to new replies.