Whiteout my background

  • Author
    Posts
  • #424536

    dutchhh
    Member

    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.

    #424746

    jingleyanqiu
    Member

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

    #424749

    timethief
    Member

    @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.

    #424878

    snackk
    Member

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

    #424901

    devblog
    Member

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

The topic ‘Whiteout my background’ is closed to new replies.