WordPress.com Forums » Topic: Make Menu background Transparent using Imbalance 2 theme

zandyring on "Make Menu background Transparent using Imbalance 2 theme"

zandyring — Mon, 20 Aug 2012 13:35:09 +0000

I'm glad this worked out for you!

ajbilton7 — Mon, 20 Aug 2012 13:26:16 +0000

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 — Mon, 20 Aug 2012 13:04:14 +0000

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

ajbilton7 — Mon, 20 Aug 2012 11:35:47 +0000

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?

Thanks in advance!