Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

Menus


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Feb 15, 2011, 06:03 PM
howardhill
 
13 posts · Dec 2010
Getting there slowly with the menus but a few issues remain.

www.wantage.org

Would someone help me with the last finishing touches please?

1. The main horizontal menus is now correct but the sub-menus have white borders left and right. How do I get rid of the borders?

2. I don't know how to style the left hand page menu. What I am after is solid green bars for each menu item with white lettering but I do not know how or where to do this.

I have looked for documentation and spent a long time searching the forums, but am getting quite confused now!

Here are my css inserts...


td#header {
padding-bottom: 15px;}

td#middle {
padding: 0;}

div#menu2 {border: solid 1px #004d05;}

#mymenu {
background: #004d05;
}

ul.rMenu li {
padding-top: 0px;
margin: 0px 30px 0px 30px;
}
  #2  
Old Feb 15, 2011, 06:05 PM
howardhill
 
13 posts · Dec 2010
Whoops - I am on 3.6.1
  #3  
Old Feb 15, 2011, 07:02 PM
runnerb0y
 
67 posts · Nov 2010
You would need to change at least the following..

Code:
div#menu2 ul.rMenu-ver ul {
    width: 15em;
}

ul.rMenu li {
    margin: 0 0;

}
or if the second entry pushes the top menu items too close...then leave the l/r margin as it was (30px; i think) and set the background color to the green color of the rest of the menu...
  #4  
Old Feb 16, 2011, 12:59 AM
howardhill
 
13 posts · Dec 2010
Thanks runnerb0y

Yes, 0 does make the menu items too close together. I'll leave at 30 and change the background to green. I did try this before my original post and it didn't work. I'll try again.

One difficulties I have is knowing what to change, as I don't know what the different labels (classes) are eg rMenu-ver. Are these documented anywhere?

Howard
  #5  
Old Feb 16, 2011, 02:00 AM
howardhill
 
13 posts · Dec 2010
I have added the code but no change.

I still get the white left and right borders in the horizontal sub-menus.


td#header {
padding-bottom: 15px;}

td#middle {
padding: 0;}

div#menu2 {border: solid 1px #004d05;}

#mymenu {
background: #004d05;
}

div#menu2 ul.rMenu-ver ul {
width: 15em;
}

ul.rMenu li {
padding-top: 0px;
margin: 0px 30px 0px 30px;
background: #004d05;
}
  #6  
Old Feb 16, 2011, 05:41 AM
howardhill
 
13 posts · Dec 2010
Played with various things, but the interaction of all the css is too complex for my brain.

It's a voluntary community project so there isn't any money available, but I'd be really happy to make my own modest paypal contribution to anyone who can solve these two problems...

1. Get rid of the white areas on the horizontal sub-menu

2. Transform the (vertical) menu widget items so they match the horizontal one ie green background, white text, a little white space between each item, hover giving a lighter green.

Sorry, my description is a bit clumsy.

Howard
  #7  
Old Feb 16, 2011, 07:20 AM
juggledad's Avatar
juggledad
 
22,265 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
your site is in maintenance mode...
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Feb 16, 2011, 08:09 AM
howardhill
 
13 posts · Dec 2010
OK - out of maintenance mode now. Happy to let you login if that's easier.
  #9  
Old Feb 16, 2011, 11:18 AM
juggledad's Avatar
juggledad
 
22,265 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
try this change
HTML Code:
ul.rMenu li {
padding-top: 0px;
margin: 0px 30px 0px 30px;
}
to
HTML Code:
ul.rMenu li {
padding: 0px 30px 0px 30px;
}

Quote:
2. I don't know how to style the left hand page menu. What I am after is solid green bars for each menu item with white lettering but I do not know how or where to do this.
do you mean you want the background of the widget green?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Feb 16, 2011 at 11:20 AM.
  #10  
Old Feb 16, 2011, 04:13 PM
howardhill
 
13 posts · Dec 2010
Cool! Not quite what I expected but it looks great. Thanks.

I will post a picture of the left hand menu soon.

Thanks!
  #11  
Old Feb 16, 2011, 05:15 PM
runnerb0y
 
67 posts · Nov 2010
Quote:
Originally Posted by howardhill
Thanks runnerb0y

Yes, 0 does make the menu items too close together. I'll leave at 30 and change the background to green. I did try this before my original post and it didn't work. I'll try again.

One difficulties I have is knowing what to change, as I don't know what the different labels (classes) are eg rMenu-ver. Are these documented anywhere?

Howard
If you don't already use it, I suggest using FireFox and the wonderful addon called Firebug. That tool will cut your development/tinkering time significantly.
  #12  
Old Feb 17, 2011, 05:14 AM
howardhill
 
13 posts · Dec 2010
Hi guys

Yes, I have used Firebug, but I still find the css quite complex to follow. I'll keep at it though, thanks for the tip.

The left hand vertical menu I am after is as follows. My graphic is too big for the actual site, but it shows the overall idea, with the grey colour being used for highlight and also the current page...



Howard

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Fixed menus? Farinet Page & Category Menu Bars 3 Dec 12, 2010 11:37 AM
Animated Menus? nick51 Page & Category Menu Bars 3 Aug 26, 2010 09:40 AM
Width of Sub Menus - no changes after selection. Soyebean Page & Category Menu Bars 27 Jun 21, 2010 04:12 PM
Page menus masterchief Atahualpa 3 Wordpress theme 0 Oct 9, 2009 12:27 PM


All times are GMT -6. The time now is 07:44 AM.


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