Need help? Check out our Support site, then


Whiteout my background

  1. Hi i want to whiteout all the black. Chnage the font where white to black and my links bold & red but not underlined. I am happy with my post titles gold however they are currently underlined and i would like to remove this. I would like to change the titles in my sidebar i.e. pages archive and caogories to black also. I am new to CSS any help at all would be great thanks. My css sheet is

    body {
    background-color:#161410;
    color:#999;
    font:62.5%/125% 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
    }

    .hr {
    background-color:#22201d;
    border:1px solid #363430;
    height:10px;
    width:758px;
    margin:10px 0;
    }

    a:link,a:visited,a:active {
    color:#d8d7d3;
    text-decoration:none;
    }

    a:hover {
    color:#fff;
    text-decoration:none;
    }

    a img {
    border:0;
    }

    ul {
    list-style:none;
    }

    input,textarea {
    color:#9c9890;
    font-size:11px;
    text-decoration:none;
    background-color:#161410;
    border:1px solid #363430;
    padding:5px;
    }

    blockquote {
    background:#1b1814;
    border-bottom:1px solid #35302a;
    padding:1px 15px 5px;
    }

    table {
    width:100%;
    border-collapse:collapse;
    }

    th {
    border-bottom:1px solid #35302a;
    text-align:left;
    }

    pre {
    border-top:1px dotted #35302a;
    border-bottom:1px dotted #35302a;
    padding:5px 0;
    }

    #page {
    width:760px;
    margin:50px auto 25px;
    padding:0;
    }

    #header {
    text-align:center;
    }

    #wrapper,#headerimg {
    width:760px;
    position:relative;
    }

    #wrapper {
    background:url('images/content_bkg.gif') repeat-y top left;
    }

    #header-overlay {
    background:url('images/header_overlay.gif') no-repeat top left;
    width:760px;
    height:151px;
    z-index:5;
    position:absolute;
    top:0;
    left:0;
    }

    #content,#sidebar {
    border-left:1px solid #363430;
    border-right:1px solid #363430;
    overflow:hidden;
    padding:0 10px;
    }

    #content {
    float:left;
    font-size:1.1em;
    width:517px;
    }

    #content h2 {
    margin:0 0 10px;
    }

    #content p {
    line-height:1.5em;
    }

    #sidebar {
    border-left:0;
    float:right;
    width:200px;
    }

    #sidebar h3 {
    color:#bd934f;
    font-variant:small-caps;
    font-size:12px;
    margin:15px 0 5px;
    }

    #sidebar h3 a {
    color:#bd934f;
    }

    #sidebar ul,#akismetwrap {
    border-top:1px solid #363430;
    border-bottom:1px solid #363430;
    margin:0 0 10px;
    padding:0;
    }

    #sidebar li,#akismetwrap {
    display:block;
    background:#22201d;
    margin:1px 0;
    padding:4px 10px;
    }

    #sidebar li:hover {
    background:#363430;
    }

    #sidebar ul ul {
    border:0;
    list-style:disc;
    margin:0;
    }

    #sidebar ul ul li:before {
    content:"\2022 20";
    }

    #sidebar ul ul li {
    margin:0 -10px;
    }

    #sidebar ul ul ul li {
    margin-left:0;
    }

    #searchform {
    background:#22201d;
    text-align:center;
    padding:10px;
    }

    #s {
    width:160px;
    }

    .goleft {
    float:left;
    }

    .goright {
    float:right;
    }

    ul.navigation {
    border-top:1px solid #363430;
    border-bottom:1px solid #363430;
    }

    ul.navigation li {
    display:block;
    background:#22201d;
    margin:1px 0;
    padding:4px 10px;
    }

    ul.navigation li:hover {
    background:#363430;
    }

    .post {
    clear:both;
    padding:10px 0 0;
    }

    .widecolumn .post {
    margin:0;
    padding:0;
    }

    .sticky,.top {
    background:#1b1814;
    margin-bottom:15px;
    border-bottom:1px solid #35302a;
    padding:15px 10px 0;
    }

    .lastfive {
    padding-left:10px;
    padding-right:10px;
    }

    .postmetadata {
    clear:both;
    margin:3px 0;
    padding:0;
    }

    .postmetadata a {
    font-weight:bold;
    }

    .top .postmetadata {
    border-top:1px solid #35302a;
    padding:8px 0;
    }

    .post .postmetadata {
    font-size:10px;
    color:#555;
    }

    .post .postmetadata a {
    font-weight:normal;
    color:#999;
    }

    .post .postmetadata a:hover {
    color:#fff;
    }

    #sidebar .postmetadata {
    line-height:1.5em;
    }

    .continue {
    font-weight:bold;
    font-size:1.3em;
    }

    .top .entry {
    font-size:1.1em;
    }

    .entrytext {
    line-height:2em;
    font-size:1.1em;
    padding:0 10px;
    }

    .entrytext h2 {
    border-bottom:1px solid #bd934f;
    display:block;
    }

    .entry ul,.entrytext ul {
    list-style-type:square;
    }

    .comments {
    margin-top:15px;
    background:#1b1814;
    border-top:1px solid #35302a;
    position:relative;
    padding:10px;
    }

    #commentform p {
    float:left;
    margin:0 10px 10px 0;
    }

    .commentlist {
    background:#1b1814;
    list-style:none;
    margin:0;
    padding:0;
    }

    .commentlist li {
    background:#161410;
    margin-top:10px;
    padding:5px 0 0;
    }

    .commentlist li p {
    margin:0;
    padding:5px 10px 0;
    }

    .commentlist li p.commentmetadata {
    border-bottom:1px solid #35302a;
    background:#181612;
    margin-top:10px;
    padding:5px 10px;
    }

    .commentlist #commentform #comment {
    width:100%;
    }

    ul.archive {
    list-style:none;
    font-size:1.3em;
    margin:0 10px 25px;
    padding:0;
    }

    ul.archive li {
    display:inline;
    }

    h1,h2,h3,h4,h5,h6 {
    font-family:Arial Black, Arial, Arial;
    font-weight:normal;
    }

    h1 {
    text-transform:capitalize;
    color:#fff;
    font-size:2em;
    margin:0 0 8px;
    }

    h1:before,h1:after {
    content:" . . ";
    color:#444;
    }

    h1 span {
    color:#bd934f;
    }

    h2 {
    color:#bd934f;
    font-size:1.25em;
    line-height:1.15em;
    display:inline;
    border-bottom:1px solid #35302a;
    margin:0;
    padding:1px 0;
    }

    .post h2 a {
    color:#bd934f;
    }

    .post h2.first {
    font-size:1.75em;
    }

    .widecolumn h2.title {
    display:block;
    background:#1b1814;
    border-bottom:1px solid #35302a;
    font-size:1.75em;
    margin:0 0 15px;
    padding:13px 10px;
    }

    .description {
    color:#666;
    font-weight:bold;
    }

    .comments h3 {
    color:#bd934f;
    margin:0 0 10px;
    }

    .clear {
    height:0;
    clear:both;
    }

    .clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }

    .clearfix {
    display:block;
    }

    * html .clearfix {
    height:1%;
    }

    #sidebar li.linkcat {
    background-color:#161410;
    list-style:none;
    margin:0;
    padding:0;
    }

    .commentmetadata .avatar {
    border:1px solid #35302a;
    float:right;
    margin:-26px 0 0;
    padding:2px;
    }

    .navigation {
    margin-top:10px;
    border-top:1px solid #35302a;
    padding:10px;
    }

    .navigation .left {
    float:left;
    }

    .navigation .right {
    float:right;
    }

    .authormeta {
    border-top:1px solid #35302a;
    font-size:10px;
    padding-top:10px;
    color:#fff;
    font-weight:bold;
    clear:both;
    }

    #commentform #comment {
    width:480px;
    }

    #flickr_badge_wrapper {
    background-color:#161410!important;
    border:none!important;
    }

    #flickr_badge_wrapper a {
    color:#d8d7d3!important;
    }

    #flickr_badge_wrapper a:hover {
    color:#fff!important;
    }

    img.centered,img.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
    }

    img.alignright {
    display:inline;
    margin:0 0 2px 7px;
    padding:4px;
    }

    img.alignleft {
    display:inline;
    margin:0 7px 2px 0;
    padding:4px;
    }

    .alignright {
    float:right;
    }

    .alignleft {
    float:left;
    }

    .aligncenter,div.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
    }

    .wp-caption {
    border:1px solid #ddd;
    text-align:center;
    background-color:#f3f3f3;
    padding-top:4px;
    -moz-border-radius:3px;
    -khtml-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    margin:10px;
    }

    .wp-caption img {
    border:0 none;
    margin:0;
    padding:0;
    }

    .wp-caption p.wp-caption-text {
    font-size:11px;
    color:#000;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
    }

    #tag_cloud div,#wp_tag_cloud div {
    line-height:2em;
    }

    The blog I need help with is guarn.wordpress.com.

  2. hard work yet I am not capable of knowing or understanding it yet.
    a new hand

  3. @dutchhh
    (1) The CSS editing upgrade is recommended only to those who have experience with CSS editing. There is not staff support for learningCSS. There are very few volunteers that can help. Therefore you will have to wait until one of them finds this thread and replies to you.
    (2) The complete url for the wordpress.COM blog your are CSS editing must be posted before any volunteer with CSS editing experience can help you.

  4. http://www.guarn.wordpress.com ; we run the blog together

  5. I'll check it out between today and tomorrow and post the changes you'd need to make as soon as I can

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.