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 » Header configuration & styling »

[SOLVED] Menu question - configuration of menus across the center block


  #1  
Old Jun 4, 2013, 01:20 AM
keith_h
 
21 posts · Jun 2013
First, many thanks for the developers and supporter of Atahualpa. You folks are legends.

My problem: I am implementing a menu that's to span the entire centre block with each menu item evenly spaced out. No worries there. However the sub menus cause the top level menu to shift when accessed and I require it to be static.

My questions: how to access the sub menu without movement from the main menu, and for bonus points, can a drop shadow be added to the sub menu. I didn't choose the colours or design and I think a gentle drop shadow might help break up the red on red thing.

url to the development site: http://wholehearted.heinrich.id.au/

Software versions: Atahualpa 3.7.11, WordPress Version 3.5.1

ATO | Configure header area: %image %page-center

Code implemented:

/* the bar across the screen and border */
#bfa_page_menu {border: solid 2px #000; background-color: #A50D12;}
#bfa_page_menu div#menu1 {border:solid 2px #A50D12;} /* removes the bar at either end of the menu*/

/* format the text */
ul.rMenu li a {
color:#fff!important;
font: 14px arial,helvetica,lucida sans !important;
}

/* and spread them out */

div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:active
{
padding-left: 35px;
padding-right: 35px;
}

/* submenu settings*/

#menu1 .rMenu-ver a {
line-height: 1.2em !important; /* This adjusts the height of items in the submenus */
}

Many thanks in advance.

Keith
  #2  
Old Jun 4, 2013, 04:10 AM
juggledad's Avatar
juggledad
 
23,632 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
this code
HTML Code:
div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover, 
div#menu1 ul.rMenu li a:visited, 
div#menu1 ul.rMenu li a:active {
    padding-left: 35px;
    padding-right: 35px;
}
well actually the 'div#menu1 ul.rMenu li a:hover' is the cause. Remember the 'C' is CSS stands for cascading so it applies to all it's children elements. If you don't want it to, you have to add more CSS to shut it off using a selector like 'div#menu1 ul.rMenu li ul li a:hover'
  #3  
Old Jun 4, 2013, 05:33 AM
keith_h
 
21 posts · Jun 2013
Well I'll be that's fixed it all right. Many thanks.
  #4  
Old Jun 4, 2013, 06:18 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
As an aside which is only because of my compulive tendencies...
Since all the a links are styled the same... This code...
HTML Code:
div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover, 
div#menu1 ul.rMenu li a:visited, 
div#menu1 ul.rMenu li a:active {
    padding-left: 35px;
    padding-right: 35px;
}
Only needs to be this...
HTML Code:
div#menu1 ul.rMenu li a {
    padding-left: 35px;
    padding-right: 35px;
}
__________________
~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.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Child sub menus overlap parent menus on H-Page menu bar cainj99 Page & Category Menu Bars 0 Jan 6, 2012 01:12 PM
Top Menus Question linuxguru Page & Category Menu Bars 6 Sep 30, 2010 03:56 AM
[SOLVED] Center Area - Middle Table configuration problems sighedeffects Center area post/pages 0 Aug 31, 2010 04:24 PM
Configuration Issues, Read More, Remove Comments, Menu background Webunet Excerpts, Read more, Pagination 1 Aug 22, 2010 01:31 PM
[SOLVED] Block in Menu Bar Wendorff Page & Category Menu Bars 6 Jan 22, 2010 12:51 PM


All times are GMT -6. The time now is 12:50 PM.


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