Hiding your site name from your wordpress header.

For such a simple fix I was surprised how hard it was to find the answer. I wish I could give credit to another site for the fix but I don’t remember where I got it from a couple of days ago. You can quite simply delete your blog name from the general controls in wordpress but you lose some functionality and your site name from search engines, feeds, and the sort.

I added the following line of code in 2 areas, one to hide the site name and another to hide the slogan.

font-size:0px;

First you will need to go into the admin for your site. Click on Appearance in the left menu then Editor. Now click on Stylesheet in the bottom right menu.

Find the following logo code location to put the new code in, note the /* begin logo */ and the /*end logo*/. This is the block of code in your ccs that controls your site name and slogan in the header.

/* begin Logo */
.logo
{
display : block;
position: absolute;
left: {LogoLeft}px;
top: {LogoTop}px;
width: {LogoWidth}px;
}

h1.logo-name
{
display: block;
text-align: {HorizontalAlign};
}

h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
{LogoNameFont}
padding:0;
margin:0;
font-size:0px;
color: {NameFontColor} !important;
}

.logo-text
{
display: block;
text-align: {HorizontalAlign};
}

.logo-text, .logo-text a
{
{LogoSloganFont}
padding:0;
margin:0;
font-size:0px;
color: {TextFontColor} !important;
}

/* end Logo */

Notice we put the new line of code in 2 places, under logonamefont and logosloganfont.

So that’s it. Nice picture in header, no ugly site name or logo text to mess it up.

Leave a Reply

Subscribe
About Me

  • John Leto
  • Technical Lead

  • Microsoft Certified (MCSE)
  • CompTIA A+ and Security+ Certified
  • Dell Certified
  • Over 11 years of IT experience.

    Remote Help

    I use TeamViewer for remote support. Just click the icon to download the client software to your PC.