• 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-ready

    License: 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;

Viewing 4 replies - 1 through 4 (of 4 total)
  • some color elements might be background images – lok into the /images folder of your theme.
    then do a bit of photoshopping …

    Thread Starter failure

    (@failure)

    That’s not the problem. Is there some kind of editor that allows you to visually edit a CSS so you can see what you’re doing in real time? Either specific to making word press themes or otherwise? It’s kind of tough to get a good effect by randomly replacing hex colors and hoping for the best. Plus there’s these couple i can’t find.

    This is what you have to edit:

    [CSS moderated as per the Forum Rules.]

    Is there some kind of editor that allows you to visually edit a CSS so you can see what you’re doing in real time?

    firefox web developer add-on is a bit into this direction;

    under the ‘css’ ‘edit css’ you can tweak the css and colors in ‘real time’; but you still have then to make the changes in style.css or whatever stylesheet.

    drawback is, that in the css edit mode, the background images from the stylesheet are not shown. to keep working with the background images, you would need to change all to absolute file paths before.
    and you still need to know your color codes.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to edit the color scheme for Cover WP Theme’ is closed to new replies.