Wordpress Themes - WP Forum at BFA

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 07:38 PM.

Powered by vBulletin® Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.