Christopher Roberts

Not sure how to.

All I want is for this image

<img src="http://www.technologybloggers.org/images/Technology-Bloggers-Logo.png" alt="Technology Bloggers Logo" width="85" height="85" border="0">

to display in the centre of the page, like so: http://www.technologybloggers.org/images/idea-technology-bloggers-header.jpg

Stylesheet code: http://pastebin.com/sFy2sUAX

Page header code extract from header.php

<div id="branding" role="banner">

				<?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>

				<<?php echo $heading_tag; ?> id="site-title">

					<span>

						<img src="http://www.technologybloggers.org/images/Technology-Bloggers-Logo.png" alt="Technology Bloggers Logo" width="85" height="85" border="0"><a href="<?php echo home_url( '/' ); ?>" title="Go to the homepage" rel="home"><?php bloginfo( 'name' ); ?></a><br /><a href="http://www.facebook.com/TechnologyBloggers/" target="_blank" title="Technology Bloggers Facebook Page"><img class="f"
onmouseover="this.className='fa'" onmouseout="this.className='f'"
src="/images/img_trans.gif" alt="Technology Bloggers Facebook Profile" width="40" height="40"></a><a href="https://twitter.com/TechBloggers" target="_blank" title="Technology Bloggers Twitter"><img class="t"
onmouseover="this.className='ta'" onmouseout="this.className='t'"
src="/images/img_trans.gif" alt="Technology Bloggers Twitter Profile" width="40" height="40"></a><a href="https://plus.google.com/u/0/105633094957689395216/" target="_blank" title="Technology Bloggers Google Plus Profile"><img class="g"
onmouseover="this.className='ga'" onmouseout="this.className='g'"
src="/images/img_trans.gif" alt="Technology Bloggers Google+ Profile" width="40" height="40"></a><a href="http://www.youtube.com/TechnologyBloggers" target="_blank" title="Technology Bloggers YouTube"><img class="y"
onmouseover="this.className='ya'" onmouseout="this.className='y'"
src="/images/img_trans.gif" alt="Technology Bloggers YouTube Profile" width="40" height="40"></a><a href="http://www.technologybloggers.org/feed/" target="_blank" title="Technology Bloggers RSS Feed"><img class="r"
onmouseover="this.className='ra'" onmouseout="this.className='r'"
src="/images/img_trans.gif" alt="Technology Bloggers RSS Feed" width="40" height="40"></a>

					</span>

				</<?php echo $heading_tag; ?>>

				<div id="site-description"><strong>Read | Contribute | Benefit</strong><br />A whole community of technology bloggers</div>

			</div><!-- #branding -->

I am sure it is really simple, I just don’t understand!

If anyone could tell me where to stick the code I would be most grateful 🙂

I am happy to keep the current code, but have no idea how to move the image!

The theme is twenty-ten with a few custom modifications.

If you visit the main site: http://www.technologybloggers.org/ all I want to do is move the logo http://www.technologybloggers.org/images/Technology-Bloggers-Logo.png so that it is in the centre, rather than at the left, but I am really struggling to sift my way through the css and PHP, so have started to try and redesign it myself, but am facing big issues!

I am using twenty-ten – slightly modified/personalised.

Thanks, this one worked, but the text wasn’t hyperlinked…

<?php
$blogname = bloginfo('name');
if ( is_home() ) {
 echo "<h1><a href='/' title='My homepage'> $blogname </a></h1>";
} else {
 echo "<a href='/' title='My homepage'> $blogname </a>";
}
?>

They don’t change in the WordPress admin console either.

Yes, WP Super Cache Settings – cleared all caches though.

Thanks for the help, I am a little confused as to the exact code I would need to use. Would you be able to help?

I have a child theme, and can edit code, I just have no idea how to make the sidebar wider, and that guide didn’t give that specific info :-/

Thanks for your help, anyone else know?