Remove Header Background Color

Community Forums Forums Design Tips and Tricks Remove Header Background Color

This topic is: resolved

This topic contains 6 replies, has 2 voices, and was last updated by  denissemarie 1 year, 2 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #41851

    denissemarie
    Participant
    Post count: 15

    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
    #41858

    anitac
    Participant
    Post count: 7032

    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.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #41863

    anitac
    Participant
    Post count: 7032

    I found it – somehow it’s picking up the default BLUE color from this code:

    [css].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;
    }[/css]

    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.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #41885

    denissemarie
    Participant
    Post count: 15

    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;

    #41886

    denissemarie
    Participant
    Post count: 15

    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;

    #41887

    anitac
    Participant
    Post count: 7032

    Yes you can do that too.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #41888

    denissemarie
    Participant
    Post count: 15

    Thank you for your help :)

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Remove Header Background Color’ is closed to new replies.