Feeds

Header image

PerformancingAds
Submitted by Gideons Trumpet on April 20, 2007 - 9:59am in

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:

<?php
include(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(' — ', __('&laquo; go back'), __('keep looking &raquo;')); ?>

</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

The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <h2> <h3> <h4> <img> <div> <a> <em> <strong> <code> <ul> <ol> <li> <dl> <dt> <dd> <blockquote> <span> <table> <td> <tr> <caption> <th> <hr> <pre> <br> <p> <object> <param> <embed> <strike>
  • Lines and paragraphs break automatically.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
7 + 10 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.