edited background wrap image not showing

  • Unknown's avatar
    redheadrev · Member ·

    I am trying to edit the background wrap image in Connections. It will not show up. Why isn’t it overridding the original? Any help is appreciated. Here is my code:

    #rap {
    background:#fff src=http://i32.photobucket.com/albums/d32/ehooton/rap1px-1.jpg center repeat-y;
    width:760px;
    text-align:left;
    font-family:Trebuchet MS,Georgia, Arial, serif;
    font-size:0.9em;
    margin:0 auto;
    padding:0 8px;
    }

  • Unknown's avatar
    redheadrev · Member ·

    None of the images I try to replace show up except for the header.

  • Unknown's avatar
    devblog · Member ·

    You’re defining the ‘wrong’ selector. It should be #wrap, not #rap. Also, you need to add parenthesis to your image property; it should read like this:

    src(http://i32.photobucket.com/albums/d32/ehooton/rap1px-1.jpg)

    HTH

  • Unknown's avatar
    redheadrev · Member ·

    Thanks for that tip. However, it didn’t seem to make it work. I did have the parenthesis at one point and I just tried again.

    I am just tweaking the template and it had the rap that way to begin with. I didn’t seem right to me. Do I just add the ‘w’?

    Here is all of the code in my edit CSS window:

    body {
    font-family:’Trebuchet MS’,Georgia, Times, Times New Roman, sans-serif;
    font-size:0.9em;
    text-align:center;
    color:#29303B;
    line-height:1.3em;
    background:#c1c98d;
    margin:0;
    padding:0;
    }

    p img {
    margin:0 5px;
    }

    .wp-smiley {
    width:15px;
    height:15px;
    }

    a {
    color:#909D73;
    text-decoration:none;
    }

    a:visited {
    color:#8a3207;
    }

    a:hover {
    text-decoration:underline;
    }

    input,textarea {
    background:#F3F6ED;
    border:#E1D6C6 1px solid;
    }

    #wrap {
    background:#fff src(http://i32.photobucket.com/albums/d32/ehooton/rap1px-1.jpg) center repeat-y;
    width:760px;
    text-align:left;
    font-family:Trebuchet MS,Georgia, Arial, serif;
    font-size:0.9em;
    margin:0 auto;
    padding:0 8px;
    }

    #header {
    background:#fff url (‘img/better-header.gif’) no-repeat bottom;
    height:183px;
    width:760px;
    border:#fc9 0 solid;
    margin:0 auto;
    padding:0;
    }

    #headimg {
    background:#7d8b5a src(http://s32.photobucket.com/albums/d32/ehooton/?action=view&current=banner-no-makeup.jpg) center repeat-y;
    width:741px;
    margin:2px 0 0 10px;
    }

    * html #headimg {
    margin:2px 0 0 9px;
    }

    #main {
    background:url (img/content_bg.gif) repeat;
    width:740px;
    margin:0 auto;
    padding:0;
    }

    #content {
    width:510px;
    float:left;
    overflow:hidden;
    display:inline;
    margin:0;
    padding:5px;
    }

    #sidebar {
    width:186px;
    float:right;
    color:#333;
    display:inline;
    margin:0;
    padding:0 8px 10px;
    }

    a img {
    border:none;
    }

    acronym,abbr {
    border-bottom:1px dotted #0c6bf0;
    }

    acronym,abbr,span.caps {
    cursor:help;
    letter-spacing:.07em;
    }

    code {
    font-size:1em;
    font-style:italic;
    }

    blockquote {
    background:url (img/blockquote.gif) no-repeat left top;
    font-style:italic;
    margin:15px 30px 0 45px;
    padding:0 0 0 45px;
    }

    cite {
    font-size:0.9em;
    font-style:normal;
    }

    h3 {
    font-size:1.3em;
    margin:0;
    padding:0;
    }

    p {
    line-height:1.5em;
    margin:0 0 1em;
    padding:0;
    }

    h1,h2,h3,h4 {
    font-family:Georgia, “Lucida Sans Unicode”, lucida, Verdana, sans-serif;
    font-weight:normal;
    letter-spacing:1px;
    }

    #header h1 {
    font-size:1.6em;
    text-align:right;
    margin:0;
    padding:10px 20px 0 0;
    }

    #header h1 a {
    color:#B5C09D;
    text-decoration:none;
    }

    #header h1 a:hover {
    text-decoration:underline;
    }

    #header #desc {
    font-weight:normal;
    font-style:italic;
    font-size:1em;
    color:#B5C09D;
    text-align:right;
    margin:0;
    padding:0 20px 0 0;
    }

    #sidebar h2 {
    font-size:1em;
    color:#c1c98d;
    text-align:center;
    background:src(http://redheadrev.files.wordpress.com/2007/08/sidenav_topnew.png) no-repeat top center;
    border:#ccc 0 solid;
    min-height:16px;
    font-weight:bold;
    margin:10px 0 0;
    padding:4px 2px;
    }

    #sidebar ul {
    list-style-type:none;
    font-size:0.9em;
    background:#EEEED1 url (img/sidenav_bottom.jpg) no-repeat bottom;
    border:#E1D6c6 1px solid;
    border-top:#EEEED1 1px solid;
    margin:0;
    padding:5px 5px 3em;
    }

    #pagenav {
    list-style:none;
    }

    #sidebar ul li {
    margin:0.1em 0 0;
    padding:0;
    }

    #sidebar ul li a {
    text-decoration:none;
    border:none;
    }

    #sidebar ul li a:link {
    color:#909D73;
    }

    #sidebar ul li a:visited {
    color:#999999;
    }

    #sidebar ul li a:hover,#sidebar ul li a:active {
    color:#990000;
    }

    #sidebar ul ul {
    list-style-type:none;
    font-size:1em;
    background:none;
    border:none;
    margin:0;
    padding:5px;
    }

    #sidebar ul ul li {
    background:url(‘img/subcat_bullet.gif’) no-repeat 0 6px;
    margin:0 0 0 10px;
    padding:0 0 0 10px;
    }

    #content ul {
    margin-left:0;
    padding-left:45px;
    list-style-type:none;
    }

    #content ul li {
    background:url(‘img/bullet.gif’) no-repeat 0 7px;
    padding-left:1.5em;
    }

    .post,.page {
    margin:0 0 30px;
    }

    .page {
    margin:25px -5px 0 27px;
    }

    .post-info,.page-info {
    font-size:0.85em;
    font-family:Verdana, Arial, Sans-Serif;
    color:#333;
    margin:0;
    padding:0;
    }

    .page-info {
    text-align:center;
    }

    .post-info a {
    color:#990000;
    }

    .post-info a:hover {
    color:#000;
    }

    .post-content,.page-content {
    border-top:#BBC4A3 1px solid;
    font-family:Georgia, Verdana, Arial, serif;
    font-size:12px;
    margin:3px 0;
    padding:10px 0;
    }

    .post-title,.page-title {
    font-family:Georgia, Arial, Serif;
    font-size:1.3em;
    font-weight:bold;
    margin:0;
    }

    .page-title {
    font-size:1.6em;
    font-weight:normal;
    }

    #content .page-title a,.post-title a:link,.post-title a:visited,.post-title a:hover,.post-title a:active {
    text-decoration:none;
    color:#676E04;
    }

    .post-date {
    float:left;
    color:#BBC4A3;
    font-family:Georgia,’Lucida sans ms’, Verdana, Arial, Helvetica, sans-serif;
    font-size:0.9em;
    text-align:center;
    font-weight:bold;
    width:55px;
    background:#E7EBDE;
    line-height:1em;
    margin:3px 10px 0 0;
    padding:8px 3px;
    }

    .post-footer {
    padding-top:20px;
    background:url(‘img/divider.gif’) no-repeat center;
    clear:both;
    }

    #footer {
    border-top:#BBC4A3 1px solid;
    clear:both;
    font-size:0.8em;
    color:#999;
    text-align:center;
    width:740px;
    margin:0 auto;
    padding:7px 0;
    }

    #footer a {
    border:none;
    color:#7A7636;
    }

    .commentlist {
    font-size:1em;
    font-weight:normal;
    }

    .commentlist li .avatar {
    border:1px solid #7A7636;
    float:right;
    padding:2px;
    }

    #commentform {
    margin:0 0 0 40px;
    }

    #commentform textarea {
    width:80%;
    }

    #commentform p {
    margin:0 0 1em;
    }

    #comments,#respond {
    text-transform:uppercase;
    color:#676E04;
    font:0.9em verdana, helvetica, sans-serif;
    margin:3em 0 1em 40px;
    }

    .commentlist li {
    background:#c1c98d url(‘img/comments_bottom.jpg’) repeat-x bottom;
    border:#E1D6C6 1px solid;
    margin:5px 0;
    padding:10px 10px 20px;
    }

    #topnav {
    list-style:none;
    font-size:0.9em;
    text-align:right;
    font-family:Verdana, Arial, Sans-Serif;
    margin:0 auto;
    padding:12px 20px 0 0;
    }

    #topnav li {
    list-style:none;
    display:inline;
    font-weight:bold;
    border-right:2px solid #BBC4A3;
    margin:0;
    padding:0 6px 0 5px;
    }

    #topnav li a:link,#topnav li a:visited {
    text-decoration:none;
    color:#BBC4A3;
    }

    #topnav li a:hover,#topnav li a:active {
    color:#F7F3ED;
    }

    Thanks again for any help!

  • Unknown's avatar
    raincoaster · Member ·

    Unrelated, non-CSS note. It is FAR easier for us to help you if your name links to your WordPress.com blog rather than your irrelevant blogspot blog. There are many cases where a quick look will tell us all we need to know, but that’s not possible the way you’ve set it up. The blogspot blog isn’t relevant to the WordPress.com help forums, so please change the link on your name.

  • Unknown's avatar
    redheadrev · Member ·

    I’m sorry. That shows me as the newbie I am doesn’t it? I honestly don’t know why it was that way. It’s fixed now. Thanks!

  • Unknown's avatar
    raincoaster · Member ·

    Thanks, I’m sure it’ll be handy in the future.

  • Unknown's avatar
    raincoaster · Member ·

    Thanks, I’m sure it’ll be handy in the future.

  • Unknown's avatar
    devblog · Member ·

    You’re right, the selector should be #rap. I stand corrected.

    Also, the sample code I originally gave you was wrong, my bad. It should read like this:

    url(http://i32.photobucket.com/albums/d32/ehooton/rap1px-1.jpg)

    HTH

  • Unknown's avatar
    redheadrev · Member ·

    Thanks! Those two things fixed it. I appreciate your help devblog!

  • Unknown's avatar
    raincoaster · Member ·

    CSS is hip-hop? Who knew?

  • The topic ‘edited background wrap image not showing’ is closed to new replies.