Clickable Custom Header image + social media buttons

Any questions about styling and customising the layout, changing the number of columns, changing the number of sliding images and so on.

Clickable Custom Header image + social media buttons

Postby Quincy » Wed Nov 23, 2011 7:42 am

On my website http://www.mulacommunicatie.nl i added a custum logo in the header by using the following code in header.php

Code: Select all
<div id="headerimg">   
<a href="http://mulacommunicatie.nl" title="Home">Home<img src="<?php echo esc_url( 'http://www.mulacommunicatie.nl/wp-content/themes/sliding-door/images/header.png' ); ?>" alt="Mula Communicatie"/></a>                               
</div>


And the following code in style.css

Code: Select all
#headerimg a {
  display: block;
  outline: none;
  height: 125px; /* adjust this */
  width: 350px; /* adjust this */
  text-indent: -9999em; /* this will hide Home-link text */
}


Now i want to add two buttons on the right side of the header, one Facebook icon and one Twitter icon. If i try the same code as above the icon gets placed beneath the logo, and on the left side. I want it to be placed on the right and at the same heigth as the logo.
Quincy
I'm new here
 
Posts: 1
Joined: Wed Nov 02, 2011 7:15 am

Return to Advanced - Customising the theme