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 » Page & Category Menu Bars »

[SOLVED] How to move menu items to the right on the page bar?


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 Jan 7, 2010, 05:04 PM
golf1025
 
1 posts · Jan 2010
Netherlands
Hi I'm a newbie on WP.
Is is possible to move the menu items on the page bar more to the right. At present a dropdown menu covers my blog title when opened. Please see my site
Thanks for any tips and clear explanation of how-to.
Regards,
Jan
  #2  
Old Jan 7, 2010, 05:52 PM
juggledad's Avatar
juggledad
 
20,148 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
Read about the options at ATO->Style & edit HEADER AREA->Configure Header Area and see if that does what you want
  #3  
Old Jan 10, 2010, 12:45 PM
PortMaria.62's Avatar
PortMaria.62
 
17 posts · Dec 2009
wyoming
I just got into this conversation with the other writer:
I changed the size of the page bar (?) to 10 px and the letters remained the same size. Could you explain a bit more, please? and I contributed... thanks so much for your help
  #4  
Old Jan 10, 2010, 12:56 PM
juggledad's Avatar
juggledad
 
20,148 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
PortMaria.62
Where did you make your change?
What is your URL?
  #5  
Old Jan 10, 2010, 12:59 PM
PortMaria.62's Avatar
PortMaria.62
 
17 posts · Dec 2009
wyoming
site unplublished. and will be hosted on servers where I work... http://www.new.pkldesigns.com. For folks with 'mature' eyes, those little lettersa re way too small
  #6  
Old Jan 10, 2010, 01:41 PM
Velma
 
272 posts · Feb 2009
http://welcomechangesradio.com

This is my site. I wanted bigger, easier to read text in my menu too. Here's what I did.

Under Page Menu Bar I changed the Font Size & Face to this:

16px Arial, Verdana, sans-serif

I also added this to the CSS Inserts (Add HTML/CSS Inserts)

Code:
div#menu1 ul#rmenu2 li a {
font-weight: bold !important;
}
Hope this helps.

Velma
  #7  
Old Jan 10, 2010, 08:08 PM
noitalever
 
3 posts · Jan 2010
Hey there, if you use this property in the Add HTML/CSS Inserts area, under the CSS Inserts Section:

ul.rMenu li {
position: relative;
left: 275px;
}

the amount of pixels you choose will move the menu over to the right more... it's basically putting blank space to the left of the menu bar. Hope that helps.
  #8  
Old Jan 16, 2010, 08:54 AM
PortMaria.62's Avatar
PortMaria.62
 
17 posts · Dec 2009
wyoming
Thanks, everyone. Size of letters solved. Next challenge: How to make the dashed line stop at the end of the items and not continue all the way across the page?
  #9  
Old Jan 31, 2010, 11:11 AM
PortMaria.62's Avatar
PortMaria.62
 
17 posts · Dec 2009
wyoming
I solved most of my page menu items. Thanks juggledad. I contributed. Anyone know how I can make the page menu bar text items farther apart? that is, spread more across the page.
  #10  
Old Jan 31, 2010, 01:51 PM
juggledad's Avatar
juggledad
 
20,148 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
just add padding to the right or left side of the menu item in CSS
HTML Code:
#rmenu2 li {margin-right: 10px;}
  #11  
Old Aug 30, 2010, 05:27 PM
Changeling
 
4 posts · Aug 2010
Thanks, that worked for me too.

Now there is only one problem: the sub-menu, which unfolds on mouseover, has also moved, unfortunately much too far to the right. How can I synchronise its position with the rest of the menu bar?

I work with wordpress 3.01 and atahualpa 3.5.3. There is no link to my site since I work local.
  #12  
Old Aug 31, 2010, 01:26 AM
Changeling
 
4 posts · Aug 2010
Solved the problem with code from another thread: div#menu1 { padding-left : 100px; }

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to move page menu bar to footer? erglebop Page & Category Menu Bars 17 Aug 24, 2012 05:23 AM
Page Menu Bar - space between items Tamas Page & Category Menu Bars 12 Apr 13, 2010 06:52 AM
Divider between Page Menu Bar items rebecca Page & Category Menu Bars 3 Apr 9, 2010 07:26 AM
How to make Page Menu Bar items BOLD? PerryM Page & Category Menu Bars 3 Dec 3, 2009 09:03 AM
[SOLVED] Page Menu Bar - Strange Space Occurring Between Menu Items NealSchaffer Page & Category Menu Bars 2 Jun 20, 2009 10:18 AM


All times are GMT -6. The time now is 02:44 PM.


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