Wordpress Themes - WP Forum at BFA - Set Menu Buttons Transparent

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)

- - Set Menu Buttons Transparent (http://forum.bytesforall.com/showthread.php?t=15449)

Ber|Art

Sep 21, 2011 06:26 AM

Set Menu Buttons Transparent

Follow up: http://forum.bytesforall.com/showthread.php?t=15200 ;)

Arch, now I want the buttons also Transperant, see what happens: http://www.dharma-net.nl/ The menu buttons have a white background color, how do I get that Transperant ?

The background image is working great now :)

Is there a way the set the hight (in pixels or mm or pt) of the menu bar? now it scales to the FONT size and I cannot use a solid line anymore ;)

lmilesw

Sep 21, 2011 12:13 PM

Firebug to the rescue (along with some experience in using it).
This will get you a transparent menu.

HTML Code:

div#menu1 ul.rMenu li {

    background: transparent !important;

}

You could add a height to that as well but you will have to fiddle with the CSS to get the text where you want.

Ber|Art

Sep 22, 2011 06:49 AM

Thats true but now this:

div#menu1 {
background-image: url("http://www.dharma-net.nl/images/dharma_menu_back.jpg");
}

is not working anymore ;)

Ber|Art

Sep 22, 2011 06:51 AM

Now I have:

Code:

div#menu1 ul.rMenu {

background: transparent;

}



div#menu1 {

background-image: url("http://www.url.ex/images/image.jpg");

}

But the buttons are NOT transparent, the Menu is!

juggledad

Sep 22, 2011 08:05 AM

The menus are the most complex CSS on the site - there is over 400 lines of CSS governing the menus.

You need to consider the 'pseudo' settings of the links (a:active , a:hover) as well. As Larry said, you should get familiar with FireBug in FireFox you can play and see what needs to be changed

Ber|Art

Sep 22, 2011 08:09 AM

Ok, clear! THX! :)

All times are GMT -6. The time now is 04:24 AM.