Need help? Check out our Support site, then


edited background wrap image not showing

  1. 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;
    }

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

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

  4. 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!

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

  6. 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!

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

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

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

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

  11. CSS is hip-hop? Who knew?

Topic Closed

This topic has been closed to new replies.

About this Topic