WordPress.org

1. MPalmerDesign
   Member
   Posted 5 months ago #

   Hello again, it's me.

   So, I've created a very bare-bones blog. No bells and whistles (I'm a minimalist kinda guy). It looks pretty neat, but I'm baffled by the header repeating on the comments page (here's the link): http://www.mpalmerdesign.com/blog2/?p=1#respond

   Any ideas how to fix this?

   This is the only thing for me left to conquer.

   P.s. If it helps, I've created this theme from modifying the "default" Kubrick theme.
   blog url: http://www.mpalmerdesign.com/blog2

2. mercime
   Member
   Posted 5 months ago #

   Change this in your style.css
   

   #header { background: url("/blog2/wp-content/themes/theme01/images/mpalmerdesigntitlebanner.jpg") no-repeat top center;   /* FOR HEADER IMAGE */
   }

   to
   

   #header { background: url(images/mpalmerdesigntitlebanner.jpg) no-repeat top center;
   /* FOR HEADER IMAGE */
   }

3. MPalmerDesign
   Member
   Posted 5 months ago #

   Thanks for the reply!

   I did that, and while it's a much better path for linking to the header image (thanks for the tip there), I still have the same problem when it comes to the comment page: http://www.mpalmerdesign.com/blog2/?p=1#respond

   The image still keeps tiling down the page. Example: http://www.mpalmerdesign.com/misc./repeatingimagesincomments.png

4. asechrest
   Member
   Posted 5 months ago #

   If you view source on your comment page, you'll see this code:

   #page { background: url("http://www.mpalmerdesign.com/blog2/wp-content/themes/theme01/images/mpalmerdesigntitlebanner.jpg") repeat-y top; border: none; }

   That appears to be repeating the image along the y-axis. The code also shows up on the main blog page, but for some reason on that page something is overriding the repeat.

   You need to track down where this is coming from. It's probably either hard-coded in your header.php file or it's being inserted into head by a plugin or something else.

5. mercime
   Member
   Posted 5 months ago #

   Looking at the source code of that comments page, you have the following style - delete it.
   

   <style type="text/css" media="screen">
   #page { background: url("http://www.mpalmerdesign.com/blog2/wp-content/themes/theme01/images/mpalmerdesigntitlebanner.jpg") repeat-y top; border: none; }
   </style>

6. MPalmerDesign
   Member
   Posted 5 months ago #

   mercime and asechrest, thank you! This did the trick indeed!

   I appreciate you all taking the time to help us green folk out. :)

Reply

You must log in to post.