Christopher Roberts

Not sure how to.

All I want is for this image

<img src="https://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: https://www.technologybloggers.org/images/idea-technology-bloggers-header.jpg

Stylesheet code: https://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="https://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="https://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="https://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="https://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 ??

Thanks for the help, but I would rather ask it here – I am not a member of any of the other forums.

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.

Okay…

I am a member of the admin team for a community blog called Technology Bloggers.

Currently the logo is on the left of the header – as you can see on the blog.

I want to move the logo to the centre like in this image I have created – https://www.technologybloggers.org/images/idea-technology-bloggers-header.jpg

To try and do this I have been attempting to reconstruct and rebuild the CSS and PHP that makes up the header and start from scratch to make my own. I am doing this on a test site so that the actual site experiences no faults/design issues whilst I tweak things.

All I want is to have that image in the centre, but it is proving a challenge!

Any ideas?

If you visit the main site: https://www.technologybloggers.org/ all I want to do is move the logo https://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.

I am testing the code on my test site: https://www.technologybloggers.co.uk/test/

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>";
}
?>

I know, I went into the database, but as I have posted 1,000+ comments it would take me days!

I tried editing them all, and just managed to save my browser from crashing, but could only find two Firefox addons which seemed to be able to do the job – neither of which worked :-/

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

Akismet, CommentLuv, Contact Commenter (Disabled), Growmap Anti Spambot Plugin, KeywordLuv, Move WordPress Comments and ReplyMe.

Any of these an issue?

Thanks for your help so far ??

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

Yes.

The site is Technology Bloggers.

My comments used to have my name as Christopher (admin team), however I now want them to show Christopher Roberts.

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?

Followed a link right at the end of the article to here: https://www.throwingabrick.com/wordpress/pimp-your-twenty-ten-theme-sidebar.html

Thanks all for your 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?