The mx4 theme is a Kubrick derivate and the background is set with picture trough the header.php.
You, either remove the background picture or modify it to your taste.
I know that the background image is in the header. I was hoping the the background color was in the style.css. Does this mean that this theme doesn’t use a background-color? Doesn’t sound right. Maybe I’m still thinking of terms of HTML.
I understand that you can only apply one background to an element, but does that mean if you set that background to repeat-x across the top- the rest that is not covered by the background is by default white?
Thanks Kassad for responding to my message. I’m still learning as I go.
Several images are set in the header.
It may help if you would copy the respective part of your header.
This is where I thought the background color was (lines 13-21):
body {
margin: 0;
padding: 0;
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Georgia, Verdana, Arial, Sans-Serif;
background-color: #045A01;
color: #999999;
text-align: center;
}
The above is found here:
http://jerryshamblin.com/wp-content/themes/mx4_theme/style.css
And the header.php that deals with the background image reads (lines 16-23):
<style type=”text/css” media=”screen”>
body { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/kubrickbgcolor.jpg”) repeat-x top; }
<?php /* Checks to see whether it needs a sidebar or not */ if ((! $withcomments) && (! is_single()) && (! is_page())) { ?>
#page { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/kubrickbg.gif”) repeat-y top; border-left: 3px solid #000000; border-right: 3px solid #000000;} <?php } else { // No sidebar ?>
#page { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/kubrickbgwide.gif”) repeat-y top; border-left: 3px solid #000000; border-right: 3px solid #000000;} <?php } ?>
#header { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/kubrickheader.jpg”) no-repeat bottom center; }
#footer { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/kubrickfooter.jpg”) no-repeat bottom; border: none;}
</style>
And this is found here:
http://jerryshamblin.com/wp-content/themes/mx4_theme/header.php
Checking your blog, it seems you are on your way now 🙂
Image-repeating is a good way to create nice-looking pages. You can do it in the css, as well.
By the way, you cannot link directly to a php file, it will not parse. You may use some other utility, e.g. Gamerz’ File Explorer if you want to show your code.
Your site looks great 🙂
Thanks Kassad for working with me on this and all the advice.
Also thanks for you kind comment about my site! 🙂
