Make Menu background Transparent using Imbalance 2 theme

  • Unknown's avatar
    ajbilton7 · Member ·

    Hi.

    I have been playing around with the css on my new blog with some sucess thanks to loads of tips that others have posted here.

    I have made the background to the site transparent and the header logo transparent by using a trnasparent png file.

    If you look at my site the menu bar is not transparent to match the rest of the site? Is this possible to do?

    http://biltarch.wordpress.com/

    Thanks in advance!

    The blog I need help with is: (visible only to logged in users)

  • zandyring · Staff ·

    Hi there,
    You will need to go into the stylesheet for the theme and modify an element. This is it, and below what you need to make it look like: 

    .menu ul li {
    background-color: rgba(255, 255, 255, 0.8);
    line-height: 15px;
    position: relative;
}
    .menu ul li {
    line-height: 15px;
    position: relative;
}

    The background color attribute is causing the problem.

    Good luck!
    -Z

  • Unknown's avatar
    ajbilton7 · Member ·

    Thanks for the help!

    It didn’t quite work removing the color attribute but i managed to get it to work by leaving the colour and redusing the transparency to 0.0

    .menu ul li {
background-color: rgba(255, 255, 255, 0.0);
line-height: 15px;
position: relative;
}
  • zandyring · Staff ·

    I’m glad this worked out for you!

  • The topic ‘Make Menu background Transparent using Imbalance 2 theme’ is closed to new replies.