Remove the title and tag from the general settings of the site.
Then, in the sryle.css under the editor of appearance, place this code between /*Begin Header*/ and /*End Header*/
div.new-Header{margin: 0 auto; position: relative; z-index:0; width: 000px; height: 000px;} div.new-Header-logo{position: absolute; z-index:-1; top: 40; left: 0; width: 000px; height: 000px; background-image: url('images/file.ext'); background-repeat: no-repeat; background-position: center;}
You must replace the 000’s with the dimensions of the logo or larger numbers to keep the logo from being cropped. You must also replace file.ext with the file name and extension of the desired graphic and make sure the graphic is in the “/wp-content/themes/yourtheme/images” folder. If you want the logo on the left or right, replace center with left or right.
Finally, use the editor under apperance to edit the header.php file. Add the following code to the end of the file unless you have an inline header menu which appears below the header, in which case, you must add this before the menu bar coding.
<div class="new-Header"><div class="new-Header-logo"></div></div>
Once both files have been modified and updated, as long as the desired logo is in the appropriate folder on the site, you will now have a graphic header with no Title or Tagline.
bcdunn619
I have tried and it worked for me. Thanks!
The only thing which I still cant change is position of logo – changing center to left/right doesn’t working for me. Any suggestion?
Regards
Didn’t work for me and Pyrmont-theme.
The logo (or picture if you will) appears, but not at top. It’s right where the menu are and thus covers it. Did what’s suggested here. However, couldn’t find any /* Begin Header */ and /* End Header */. So I tried different places in both the style.css and the header.php for the codes respetively.
