hey keesiemeijer, thx for bothering!
I already have a fine working static homepage, see http://www.silvergreen.co.uk/
I think my question is more stylesheet/template related… 🙁
How do I get a full width image top aligned with the header image on the home page? (including the navibar)
or:
do you know (in twentyeleven) how to force the content area to do that for my homepage? (what syntax to use in which stylesheet/php)
Do you want the Page title and content to be replaced by an image and no footer?
yes, but it has to be two images since I want to keep the navi bar (and margins, floats etc of the rest of the show-case twentyeleven theme template)
de order would be like this:
1. image header (=first half of image)
2. navi bar (full width and functionality, like now)
3. image header continued (=second half of image)
no footer
(funny how such a simple page can give me such a hard time)
Do not edit the Twenty Eleven theme directly. It is the default WordPress 3.2 theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. Create a child theme for your changes. Once your child theme is active, we should be able to help with the customisation.
You can download a pre-made Twenty Eleven child theme from here.
Is there a reason it has to be the show-case twentyeleven theme template?
grrr… I know about the child theme issue but it was too late, I had already done so much modifying on it … is there any reason why I can’t copy the current modified stylesheet in a new /themes/myfolder/style.css and then move an untouched twentyeleven/style.css into the official existing folder? or will it cause all sorts of rubbish?
no reason for the show case template btw, just that it was the widest of the three of them …
(thx so much for your patience)
If it’s already heavily modified I would copy the twenty eleven folder and paste it in the wp-content/themes folder and rename it to “silvergreen”. Then change “Theme Name: Twenty Eleven” in style.css to “Theme Name: silvergreen” and then activate your new silvergreen theme.
That way your changes will not get lost when you upgrade WordPress.
You can use this Page template for your Static front page it has the (second half) image directly in the template file:
<?php
/*
Template Name: static front page
*/
?>
<?php get_header(); ?>
<div id="primary">
<!-- change the image source to second half of image-->
<img src="http://www.silvergreen.co.uk/wp-content/uploads/2011/11/header2.png" />
</div><!-- #primary -->
</div><!-- #main -->
</div><!-- #page -->
<?php wp_footer(); ?>
</body>
</html>
You have to change this in your theme’s stylesheet style.css:
#main {
clear: both;
padding: 1.625em 0 0;
}
to this
#main {
clear: both;
padding: 1.625em 0 0;
}
.page-id-34 #main{
padding: 0;
}
.page-id-34 #access{
margin: 0 auto;
}