Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   [SOLVED] How to move menu items to the right on the page bar? (http://forum.bytesforall.com/showthread.php?t=5193)

golf1025 Jan 7, 2010 05:04 PM

[SOLVED] How to move menu items to the right on the page bar?
 
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

juggledad Jan 7, 2010 05:52 PM

Read about the options at ATO->Style & edit HEADER AREA->Configure Header Area and see if that does what you want

PortMaria.62 Jan 10, 2010 12:45 PM

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

juggledad Jan 10, 2010 12:56 PM

PortMaria.62
Where did you make your change?
What is your URL?

PortMaria.62 Jan 10, 2010 12:59 PM

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

Velma Jan 10, 2010 01:41 PM

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

noitalever Jan 10, 2010 08:08 PM

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.

PortMaria.62 Jan 16, 2010 08:54 AM

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?

PortMaria.62 Jan 31, 2010 11:11 AM

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.

juggledad Jan 31, 2010 01:51 PM

just add padding to the right or left side of the menu item in CSS
HTML Code:

#rmenu2 li {margin-right: 10px;}

Changeling Aug 30, 2010 05:27 PM

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.

Changeling Aug 31, 2010 01:26 AM

Solved the problem with code from another thread: div#menu1 { padding-left : 100px; }


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

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