WordPress.com

1. rgordon83
   Member
   May 10, 2007, 4:18 PM

   i just bought custom CSS and i pasted the "Connections" stylesheet into the CSS and now there are no images showing up check out http://rgordon83.wordpress.com/wp-admin/

   here is the CSS i have. please help
   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:#F3F6ED;
   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;
   }

   #rap {
   background:#fff url('img/rap.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 url('img/just-train.jpg') center repeat-y;
   height:142px;
   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:#676E04;
   text-align:center;
   background:url('img/sidenav_top.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:#F3F6ED url('img/sidenav_bottom.jpg') no-repeat bottom;
   border:#E1D6c6 1px solid;
   border-top:#f3f6ed 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:#F3F6ED 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;
   }

2. rgordon83
   Member
   May 10, 2007, 4:20 PM

   sorry, please remove thr "wp-admin/" to see the problem

3. timethief
   Member
   May 10, 2007, 4:47 PM

   Using a firefox 2.0.0.3 browser I do see images of sorts in your posts here
   http://rgordon83.wordpress.com/2007/05/06/modes-an-intoduction-to-learning-modes/
   http://rgordon83.wordpress.com/2007/05/02/moveable-major-and-minor-scale-shapes/
   I do not see an image in your header.

   there are no images showing up check out

   Can you be more specific about which images you are expecting to see that are missing?

4. rgordon83
   Member
   May 10, 2007, 6:08 PM

   The images that are missing are the tmplate images. I.E the standard header and sidebar images of the "connections" template. Not the images in posts. thanks...

5. raincoaster
   Member
   May 10, 2007, 6:24 PM

   Custom CSS overrides templates. I think you have to put the URL of the specific images into your CSS; at least, you have to do that for your header. Custom CSS definitely overrides the regularly-uploaded header.

6. rgordon83
   Member
   May 10, 2007, 6:38 PM

   crap. what if i am not sure where that URL is. Also, if i have an image on my computer, can i upload it through WP and use that?

7. raincoaster
   Member
   May 10, 2007, 6:57 PM

   If you upload an image to your WP storage, you can take the URL of that image and use it. You can't use the regular "Upload Header" thing though, because that gets overwritten. Upload the image, get the URL and put it in the correct spot in the CSS.

8. rgordon83
   Member
   May 10, 2007, 7:12 PM

   cool. I'll give it a shot. thanks for the help!

9. rgordon83
   Member
   May 10, 2007, 7:16 PM

   just out of curiosity, is there a way to use custom CSS and keep the default images and only change the ones you want to. I like some of the images in the regular emplate, i only want to change the header... is there a way to do this?

10. lwaa
    Member
    Aug 2, 2007, 3:54 PM

    rgordon83...
    go through the wp-content/themes/yourtheme/images folder until you find the one that's the header, then adjust it in photoshop or get someone to do it for you, then upload to the same place, overwriting the previous image and you're done!

Topic Closed

This topic has been closed to new replies.