Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

Set Menu Buttons Transparent


  #1  
Old Sep 21, 2011, 06:26 AM
Ber|Art's Avatar
Ber|Art
 
198 posts · Oct 2009
Europe (NL) ber-art.nl Windows 7x64 WP 3.x Atahualpa 3.7.x
Send a message via Skype™ to Ber|Art
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
  #2  
Old Sep 21, 2011, 12:13 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Sep 22, 2011, 06:49 AM
Ber|Art's Avatar
Ber|Art
 
198 posts · Oct 2009
Europe (NL) ber-art.nl Windows 7x64 WP 3.x Atahualpa 3.7.x
Send a message via Skype™ to Ber|Art
Thats true but now this:

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

is not working anymore
  #4  
Old Sep 22, 2011, 06:51 AM
Ber|Art's Avatar
Ber|Art
 
198 posts · Oct 2009
Europe (NL) ber-art.nl Windows 7x64 WP 3.x Atahualpa 3.7.x
Send a message via Skype™ to Ber|Art
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!
  #5  
Old Sep 22, 2011, 08:05 AM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Sep 22, 2011, 08:09 AM
Ber|Art's Avatar
Ber|Art
 
198 posts · Oct 2009
Europe (NL) ber-art.nl Windows 7x64 WP 3.x Atahualpa 3.7.x
Send a message via Skype™ to Ber|Art
Ok, clear! THX!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Menu Transparent Background - not working after fix shadowoflight Page & Category Menu Bars 5 Mar 27, 2011 05:26 AM
transparent menu bar kalexn Page & Category Menu Bars 2 Sep 16, 2010 07:37 AM
Transparent Page Menu Bar Stingraynut Page & Category Menu Bars 3 Apr 5, 2010 06:43 PM
Transparent GIF images in main page body not transparent donfos001 Center area post/pages 2 Jan 10, 2010 09:14 AM


All times are GMT -6. The time now is 05:06 PM.


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