Remove Header Background Color

[denissemarie]

I am using the metro theme. I uploaded a new header and customized the height on the header, but I continue to see a blue color on the header. I tried changing the background color to "none" in the stylesheet but it's still there. Is there any way I can remove this background color so I can see the header image I uploaded?

Thank you in advance.

http://www.lasvegasprinting.net

[Anita]

Go to Appearance > Background. Scroll down and look to see if there is a background color in there or check to see if there is a pound sign (#) in the HEX area. Remove them if you see it, save and then take a look.

---

Love coffee, chocolate and my Bella!

[Anita]

I found it - somehow it's picking up the default BLUE color from this code:

.metro-blue a.social-buttons:hover, .metro-blue button:hover, .metro-blue input[type="button"]:hover, .metro-blue input[type="submit"]:hover, .metro-blue .btn:hover, .metro-blue .genesis-nav-menu .current-menu-item a, .metro-blue .genesis-nav-menu li a:hover, .metro-blue .genesis-nav-menu li:hover a, .metro-blue .navigation li a:hover, .metro-blue .navigation li.active a, .metro-blue .post-comments a, .metro-blue .sidebar .enews-widget input[type="submit"], .metro-blue #title a {
    background-color: #0000FD;
}

As a quick fix, you can actually change the color code to the word transparent and it will go away. I am not sure why it's doing that.

---

Love coffee, chocolate and my Bella!

[denissemarie]

Thank you for your reply. If I put transparent won't it make the other items listed transparent?

.metro-blue a.social-buttons:hover,
.metro-blue button:hover,
.metro-blue input:hover[type="button"],
.metro-blue input:hover[type="submit"],
.metro-blue .btn:hover,
.metro-blue .genesis-nav-menu .current-menu-item a,
.metro-blue .genesis-nav-menu li a:hover,
.metro-blue .genesis-nav-menu li:hover a,
.metro-blue .navigation li a:hover,
.metro-blue .navigation li.active a,
.metro-blue .post-comments a,
.metro-blue .sidebar .enews-widget input[type="submit"],
.metro-blue #title a {
background-color: #0000fd;

[denissemarie]

Can I just remove the section that says title? Will it affect the site?

.metro-blue a.social-buttons:hover,
.metro-blue button:hover,
.metro-blue input:hover[type="button"],
.metro-blue input:hover[type="submit"],
.metro-blue .btn:hover,
.metro-blue .genesis-nav-menu .current-menu-item a,
.metro-blue .genesis-nav-menu li a:hover,
.metro-blue .genesis-nav-menu li:hover a,
.metro-blue .navigation li a:hover,
.metro-blue .navigation li.active a,
.metro-blue .post-comments a,
.metro-blue .sidebar .enews-widget input[type="submit"],
.metro-blue #title a {
background-color: #0000fd;

[Anita]

Yes you can do that too.

---

Love coffee, chocolate and my Bella!

[denissemarie]

Thank you for your help 🙂

[Author]

Posts