Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

Page Menu Background & Hover Image how to do this...


 
Prev Previous Post   Next Post Next
  #1  
Old Dec 3, 2009, 09:41 AM
ssoszka
 
75 posts · Apr 2009
Oregon, USA
Send a message via Skype™ to ssoszka
Plugin Page Menu Background & Hover Image how to do this...

I've seen a lot folks asking various questions about this. I've managed to piece-meal a partial solution, but its got a few problems.

What I need help with:

* How to insert menu different button images for a static state and a hover state - and how to get them to be the correct size.

* Also how do I set the margin between the menu buttons - I want them wider.

PLEASE HELP - I AM ALMOST DONE WITH MY WEB SITE - JUST THE MENU AND THEN I'M GOOD TO GO!!

My site: DrSoszka.com.
I'm trying to emulate the page menu used at: Mercola.com

I've got a background image in place and its about 90% correct, it does seem to be smaller around the buttons. I had added padding for the top and bottom to make the image fit correctly, but the buttons are the same height as they in the default template.

Here's code I've put in the CSS Insert section (Please suggest corrections as appropriate):
ul#rmenu2 {
padding-top: 8px; padding-bottom: 5px;
margin: 10px 0 0 0;
background: url(/wp-content/themes/atahualpa332/images/menubkg.gif) repeat !important;}
ul.rMenu li
{background: url(/wp-content/themes/atahualpa332/images/menubkg.gif) repeat;
}
div#menu1 li.current_page_item a:link,
div#menu1 li.current_page_item a:active,
div#menu1 li.current_page_item a:visited {
background: url(/wp-content/themes/atahualpa332/images/menubkg.gif) repeat;
}
div#menu2 li.current_page_item a:hover {
background: url(/wp-content/themes/atahualpa332/images/menuhvr.gif);
}
This is pulled from various posts - I don't know CSS well enough to see why my site doesn't look quite right. I've achieve about 80% of my goal and I'm looking to finish it off and be done with formating the site.

Please help!!!

Last edited by ssoszka; Dec 4, 2009 at 02:26 PM.
 

Bookmarks

Tags
page menu background, page menu bar, page menu bar image

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Applying page menu background with hover opacity krystyna Page & Category Menu Bars 6 Mar 2, 2010 12:14 AM
Background image for page menu? blueprairie Page & Category Menu Bars 10 Dec 1, 2009 10:02 PM
Background image & form in only 1 cell of a header extra widget cell? kippiper Header configuration & styling 8 Nov 22, 2009 06:58 AM
[SOLVED] How to override default link & hover colors in RSS widget? ericmacknight Sidebars & Widgets 2 Oct 31, 2009 05:17 AM
image not showing in background of page menu bar rinoa3108 Page & Category Menu Bars 5 Jul 30, 2009 07:37 AM


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


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