logo/header image acting strange

[Kevin]

In this screenshot, you'll see the header image/logo gets stacked 3 times. I cannot figure out what is causing this. I don't have a link as it's on a local server. I added the logo via css below:

.header-image .site-title,
.header-image .site-title a,
.header-image .title-area {
  	display: block;
  	background: url(http://perocchiarbitration.com/wp-content/uploads/2014/01/pam-logo2.png)no-repeat;
	max-width: 437px;
  	height: 97px;
  	float: left;
  margin-top: 10px;
  	overflow: hidden;
}

I did try Genesis simple headers but I deactivated and deleted it. Any idea what would cause this? I've never seen it before

http://northshorewebdesign.net

[RobG]

Do you have a working link to the website in question?

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[Kevin]

As mentioned above, this is on a local server. I will try to set up on a live server asap

[RobG]

Have you tryed clearing your cache? I would also make sure you have your logo only uploaded once, for some reason having images uploaded more them once can sometimes cause problems like this.

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[Kevin]

Did both those and still showing as 3 stacked images. It's strange. The logo doesn't show on IE. I'll try starting over maybe I did something wrong

[Kevin]

If I remove the margin-top: 10px the image shows as one image and looks correct.

[Kevin]

If I just add the background to the link, it works:

.header-image .site-title a {
  	display: block;
  	background: url(http://perocchiarbitration.com/wp-content/uploads/2014/01/pam-logo2.png)no-repeat;
	max-width: 437px;
  	height: 97px;
  	float: left;
        margin-top: 10px;
  	overflow: hidden;
}

I'm guessing because it was the background for 3 different classes, it was showing up 3 times? Any thoughts just so I understand what was happening?

[RobG]

I'm not sure you maybe right but it sounds like you found a working solution.

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[Author]

Posts