[crankit]

Hello,

When you go on dinapariseracing.com and move your mouse over the header image, you will see another ghost image show up? WEIRD! Any ideas? I am assuming that I have a 2 images trying to do the same thing — just not sure where?

I have the header uploaded in the header section of the theme. I found some code in CSS for a background Image and when I removed it, it then shows a grey overlay over the header with a link to the homepage.

[Sakin]

@crankit: Yes, I see that you have Custom CSS as below, remove that.
#hgroup-wrap {
background: #fff url(http://dinapariseracing.com/wp-content/uploads/header.jpg) no-repeat
bottom left;
background-size: cover;
padding-bottom: 250px;
}

[crankit]

Thank you! That worked! However, now when you hover over the header, a grey overlay appears. Anyway to get rid of that?

[Sakin]

@crankit: It’s because of opacity. You can simply add the following css in “Appearance => Theme Options => Custom CSS” box:
#hgroup-wrap a:hover img { opacity: 1; }

[crankit]

Your the man. Worked. Thanks again!

[Sakin]

@crankit: thanks for your appreciation 🙂

[Author]

Posts