WordPress.org

1. NoAbsolution
   Member
   Posted 4 years ago #

   Hello! I am pretty new at styling WordPress and I thought modifying Kubrick (the default WordPress theme) would be a good way to start out.
   I'm working on a theme for my Habbo Hotel (sad, I know lol) blogsite and I got all my measurements right when designing the theme so that all I would have to do is change the stylesheets to point to my images vs the Kubrick images. Everything showed up as they should except, the wide.png (normally kubrickbgwide.png) even shows up behind the header and footer. Then when I comment out the css in the header.php that puts the wide.png bg it looks normal except the body is missing it's background (of course). I'm kind of sick and on all sorts of meds so I might be hard to understand, so I took some screenshots to show you what I'm talking about.

   Top of blog
   Bottom of blog
   When wide.png is commented out in header.php

   Help is greatly appreciated! Peace!
   --Garrett

2. StrangeAttractor
   Member
   Posted 4 years ago #

   Difficult to analyze without a link to the actual site.

   The background of the content of Kubrick, by the way, is a horizontally repeated image, which includes the white of the content area and the gradient of the sidebar. If you didn't supply a background image for this section in your modified CSS, that could by why it's not appearing.

3. NoAbsolution
   Member
   Posted 4 years ago #

   I can't give you an external link because I'm working on it in XAMPP and I don't want to open my port 80 on my router. I could try and upload it to my webserver...

   I know, it's the kubrickbgwide file, I replaced it with wide wide.png and then changed the embedded css in the header.php page, then it shows the middle, but tiles it all the way behind the header and the footer. But when I put CSS comment tags around it (the embedded css #page tag in header.php) then the header and footer look like I designed them to look (rounded and transparent) and then of course, the middle is gone (which is what is should be when I comment out the #page tag on header.php)

   Not sure if I'm really making any sense, I'll try and get it onto a webserver, right now things are going a bit slow on my webserver's end, they're probably optimizing their hard drives. =S

   Thanks!

4. NoAbsolution
   Member
   Posted 4 years ago #

   Ok, I got it up:
   http://habbozine.byethost8.com/blog/

   The issue is that the wide.png (normally kubrickbgwide) is going too far. It ends up going behind the header (hiding the rounded corners and alpha transparency) and doing the same at the footer.

   I've tried messing with paddings and margins and all it does is mess it up more, so this is what it looks like untampered except changing the text (blog name and desc) to an image in header.php and changing the image names in the styles sheets and in header.php

   Thanks!

5. StrangeAttractor
   Member
   Posted 4 years ago #

   Well if you commented out this code in the header:
   

   <style type="text/css" media="screen">
   
   <?php
   // Checks to see whether it needs a sidebar or not
   if ( !$withcomments && !is_single() ) {
   ?>
   	#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
   <?php } else { // No sidebar ?>
   	#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
   <?php } ?>
   
   </style>

   ...then you no longer have a background image assigned to the #page div.

   I know this seems like a silly question... but did you specify a new background image for #page in the styles.css file?

6. NoAbsolution
   Member
   Posted 4 years ago #

   I ended up moving the <div id="page"> down below the header dive in header.php and that fixed the header, I guess it doesn't look too bad now... Thanks though!

Topic Closed

This topic has been closed to new replies.