Add logo next to title

I also try to modify css, but without success…
Finally, i use a old school method with table ?? and add this code:

<?php
		do_action( 'catcheverest_before_hgroup_wrap' ); ?>
       <table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td><div align="center">
<img src="https://yourdomain.com/your-logo.jpg" border="0" />
</div></td>
    <td><div id="hgroup-wrap" class="container" align="center">

       		<?php
			do_action( 'catcheverest_hgroup_wrap' ); ?>

        </div></td>
  </tr>
</table>
    	<!-- #hgroup-wrap -->

Now have a logo in left, my site name in center and search and social links in right

I tried adding this code to the custom CSS field but there was no change, however this is php code. Is there an alternative CSS code? Otherwise could you please explain how to add this into the theme code so that I don’t lose it with wordpress updates.

Thanks!!!!!!

Hi robertson.ash – I’d suggest you remove all that code above from anywhere you tried it. It’s not CSS and won’t work in the CSS file.

Instead, try adding this to your custom CSS:

#hgroup-wrap img {
   margin-top: 50px;
}

hgroup.with-logo {
    clear: none;
    margin-left: 50px;
}

SNAP!!!!!

AMAZING THANK YOU SOOOOO MUCH!!!!

LOL – you’re welcome :)! The “magic” tool for CSS work is Firebug (addon for Firefox browser)…

I have firebug, where can I learn to write code?

Well, this instance was a bit more tricky than straight Firebug – but you can learn CSS pretty easily – this is a good place to start:

https://www.w3schools.com/css/default.asp

I’m sorry that I missed details …
The table code I added to header.php

What size should i make my logo title?

Try something with a height of 135px.

Because I made it at 150×78 and all it shows is the Center but not the whole logo! What Do i do?

Fire up a new thread.