Very sleek theme! Good job! I was wondering if there was a way to remove the header image and link and replace it with a static image only. Also, is there going to be a version where the main content is in the middle and the sidebars are on the left and right? Thanks in advance!













Hey, Bryan's on vacation
Hey, Bryan's on vacation till next Monday, but I take a crack.
To change (actually, to add) a header image, go to the file style.css and find the line that begins:
#header {
On the following line, you'll need to change the background to something like this:
background: #FFFFFF url(images/yourheaderimage.gif) no-repeat;
Make sure that the header image dimensions match the header height and width which are currently set to:
width: 960px;
height: 100px;
But you could adjust those settings too.
It's very easy to transition the main content into the center. You could even try it yourself.
Start by finding this code in each of your theme files that contains it:
<?phpinclude(TEMPLATEPATH."/l_sidebar.php");
?>
Cut this bit of code and past it above this line:
You may need to play around with some of the CSS margin/padding settings to tweak the layout.
Image worked, sidebar didn't
Hey, I got the image fix to work and now it displays my header image. However, I still can't get the left sidebar to the left of the main content. This is what the main template file looks like after editing:
<?php get_header(); ?>
<div id="content">
<?php include(TEMPLATEPATH."/l_sidebar.php");?>
<div id="contentleft">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>
<?php the_content(__('Read more'));?><div style="clear:both;"></div>
<!--
<?php trackback_rdf(); ?>
-->
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?>
<?php posts_nav_link(' — ', __('« go back'), __('keep looking »')); ?>
</div>
<?php include(TEMPLATEPATH."/r_sidebar.php");?>
</div>
<!-- The main column ends -->
<?php get_footer(); ?>
Try this...
Find this code in the style.css file:
#l_sidebar {float: left;
width: 225px;
margin: 25px 0px 0px 20px;
padding: 0px 0px 20px 0px;
border-top: 2px solid #000000;
}
Change it to read float: right;
Still no luck
Brian, thanks for the suggestion. I did as you instructed and still no luck.
Find the part of the css
Find the part of the css code that shows this"
#contentleft {float: left;
width: 470px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}
and change the float to right. Sorry about that, I forget you need to change both!
It worked....sort of!
Brian, thanks for the response again. I must be a klutz. I did as you indicated and it worked...in a sense. Now the main column is to the right and the sidebars are to the left. I was looking to have it be:
sidebar-main content-sidebar
I attempted it on my own, but it got to the point where I had no idea what I was doing!
header image for modernpaper
hi guys,
I followed the instructions to change my header image as described above. But I must be missing something as I got no change.
I uploaded a new 960*100 jpg file into my wp-content / themes / modernpaper / images file.
Header image called insidecomms2.jpg.
Then I modified the style.css file to:
#header {
background: #FFFFFF url(images/insidecomms2.jpg);
width: 960px;
height: 100px;
margin: 0px auto 0px;
padding: 0px;
}
However no change on my blog at insidecomms.com.
Any suggestions appreciated... thanks, Richard.
Post new comment