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 »

[SOLVED] Applying page menu background with hover opacity


  #1  
Old Sep 23, 2009, 10:37 PM
krystyna
 
121 posts · Apr 2009
By reading a previous thread I've figured out how to apply a page menu background, but what I'd really like to know is how to apply some opacity / semi-transparent color for when each menu item is hovered over.

Also, if I want 2 menus, like one above the logo area that says "home | about | contact" and one below the header image that has the "meat" of the site, is this possible too?
  #2  
Old Sep 24, 2009, 04:17 AM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try adding
HTML Code:
	filter:alpha(opacity=60);
       -moz-opacity:.60;
	opacity:0.6;
to the css items where you set the background
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Sep 24, 2009, 09:15 PM
krystyna
 
121 posts · Apr 2009
Juggledad, any thoughts on my 2nd question?
  #4  
Old Sep 25, 2009, 04:52 AM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
It's can be done (anything is) but not without messing with a bunch of code - which would not make it transparent during a release change of Atahualpa - you would have to change the code again.

You will have to play with bfa_header_config.php - take a look at how it builds the current menubar and set something like it up for your custom menubar.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Oct 21, 2009, 07:22 AM
fencepost's Avatar
fencepost
 
17 posts · Oct 2009
Schaumburg, IL
Seems to me that as long as it's static menu items you might be able to generate the appropriate HTML then put it in the Body Top area in HTML/CSS Inserts with CSS going into the CSS Insert area.

It's outside the bulk of the page and you'd have to deal with more details of formatting (plus change IDs, etc.) but it'd be portable between versions.

Last edited by fencepost; Oct 21, 2009 at 07:35 AM.
  #6  
Old Mar 1, 2010, 10:12 PM
Athena account2
 
55 posts · Feb 2010
USA
"try adding
HTML Code:
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:0.6;to the css items where you set the background"

I would like the hover to have opacity too, I'm struggling to find where I insert it, I have lots of places, but no go. Thanks
  #7  
Old Mar 2, 2010, 12:14 AM
Athena account2
 
55 posts · Feb 2010
USA
I did it!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Page Menu background stephiemarie78 Page & Category Menu Bars 2 Jul 22, 2009 09:31 PM
Sidebar Background Opacity Jcasteli Sidebars & Widgets 2 Jun 2, 2009 05:49 AM
Page menu bar static, hover, selected acting strange Brussells Page & Category Menu Bars 1 May 16, 2009 05:14 AM
adding opacity to menu bar background colors nickcee Page & Category Menu Bars 0 Mar 23, 2009 01:46 PM
[SOLVED] Howto: Align page menu bar with left sidebar or opacity overlay width iroQuai Page & Category Menu Bars 1 Mar 7, 2009 05:01 PM


All times are GMT -6. The time now is 09:55 PM.


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