edited background wrap image not showing

  • Author
    Posts
  • #138618

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

    #138859

    redheadrev
    Member

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

    #138864

    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

    #138872

    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!

    #138875

    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.

    #138878

    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!

    #138879

    raincoaster
    Member

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

    #138880

    raincoaster
    Member

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

    #138920

    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

    #138923

    redheadrev
    Member

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

    #138943

    raincoaster
    Member

    CSS is hip-hop? Who knew?

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