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] Spacing the page menu


  #1  
Old Aug 21, 2012, 11:14 AM
tlck9
 
151 posts · Aug 2010
Hi All

Quite a simple issue but I've tried a few different options and none seem to work.

I want to space out my page menu item so there is a 20px padding to the right of each one

Home About us Contact

to

Home About us Contact

Here is my code:

#menu1 .rMenu-hor a {
font-weight: bold !important; /* Personal preference */
line-height: 2.3em !important; /* This adjusts the height of the menu bar */
}

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

ul#rmenu2 li a {
padding-right: 20px;
}
  #2  
Old Aug 21, 2012, 12:22 PM
tlck9
 
151 posts · Aug 2010
Have also tried

ul.rMenu li {
margin-right: 50px;
}
/*reset for submenus*/
ul.rMenu li ul li {
margin-right: 0;
}

But this isnt working, i have placed all these options in the html/css option
  #3  
Old Aug 21, 2012, 12:33 PM
juggledad's Avatar
juggledad
 
23,755 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what version of Atahualpa and WP?
What is the URL?
did you mean the CSS Inserts option?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old Aug 21, 2012, 12:44 PM
tlck9
 
151 posts · Aug 2010
Version 3.7.7
3.41
link here

entered in Add html/css inserts

Last edited by lmilesw; Aug 21, 2012 at 01:02 PM.
  #5  
Old Aug 21, 2012, 01:06 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
You may have to add !important to your CSS
__________________
~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.
  #6  
Old Aug 21, 2012, 01:11 PM
tlck9
 
151 posts · Aug 2010
Larry would this be what I need?

ul.rMenu li {
margin-right: 50px;!important;
}
ul#rmenu2 li a {
padding-right: 20px; !important;
}
  #7  
Old Aug 21, 2012, 03:08 PM
juggledad's Avatar
juggledad
 
23,755 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
the '!important' needs to come before the ';'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Aug 22, 2012, 04:27 AM
tlck9
 
151 posts · Aug 2010
Neither of the ones I had included seemed to work so I took a flyer and added it to the #menu1
which has now spaced them as I would like.

Below I have increased the font size, the line height and also the gap between the page bat items.

#menu1 .rMenu-hor a {
font-weight: bold !important; /* Personal preference */
line-height: 2.3em !important; /* This adjusts the height of the menu bar */
margin-right: 50px !important;
}

Thanks Juggledad, I had missed the ; in front of the important, the code still didnt make it happen but the code above has got it sorted

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Page Menu Link Spacing? SimonKemp Page & Category Menu Bars 4 Apr 26, 2012 11:21 AM
Extra spacing on page menu child items samij0 Page & Category Menu Bars 1 Feb 1, 2012 05:12 PM
Need to Increase Spacing Between Page Names in Menu Bar edvandyke Header configuration & styling 1 Oct 12, 2009 02:16 PM
[SOLVED] Centering page menu bar with spacing Wimbledon Page & Category Menu Bars 4 Sep 16, 2009 12:03 AM
Spacing Page Menu Bar Andygeog Page & Category Menu Bars 3 Jun 17, 2009 06:34 PM


All times are GMT -6. The time now is 01:35 AM.


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