a link to your site will help? and definitely your are going to modify the styles sheet if you are not comfortable with this then maybe you need a somebody to crate a custom theme for you
Yeah sorry, I meant to include that:
here‘s the site
I’m happy to edit the stylesheet if I can only figure out what needs to be changed. Thank you
OK try this, on your styles.css change
body div#wrapper{margin:0 auto;} to body div#wrapper{margin:0 auto; width:600px!important}
and add this at the end of your stylesheet
div.post {clear:both; width:600px; margin:0 auto}
div.post div.entry-content { width:600px}
div.post div.entry-content img{max-width:600px!important; height:auto!important}
div.post div.entry-content object,
div.post div.entry-content embed{width:600px!important}
you can modify the width do fit your needs. also your html is bit broken and you might want to crop your image to the desired width, but the modifications to the stylesheet should work
Ah! Thank you so much! That is perfect.
Now I don’t mean to look a gift-horse in the mouth but can I ask you one more question?
How do I get a background image and the content of a page to stay in alignment? I try to centre the text but it stays mostly to the left of the page while the background image moves when I resize my browser. I deleted code like mad trying to get to the pure input of the page, but again, it seems I need to find its relation in the stylesheet. How do I control the alignment of the text of get_content or the_post? I’ve included the simple code of the page template I’m trying to use.
<?php /* Template Name: Plath
*/ ?>
<?php get_header() ?>
<style>
body
{
width:600px;
background: #000000;
background-image: url("http://blackmarketbutter.com/wp-content/uploads/2010/08/plath.png");
background-repeat: no-repeat;
background-position: top center;
text-align: center;
}
</style>
<?php the_post() ?>
<div class="entry-content">
<?php the_content() ?>
</div>
</div><!-- .post -->
First, to center your background images you add background-position: center top; the first value controls your horizontal alignment and the second one controls your vertical alignment.
second you can’t control the image height and width on background images you have to size your image at the exact size that you want them to be.
To align your text try div.post div.entry-content { text-align: center!important } and make sure that you don’t add any alignment to the content when you create posts through the wp admin
hope this helps