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)
-   -   formatting (adding space) to main page menu (http://forum.bytesforall.com/showthread.php?t=1037)

viewdesigninc Mar 31, 2009 02:00 PM

formatting (adding space) to main page menu
 
I see where I can change fonts, background colors etc,. for the main page menu, but how can I add space within the menu? (In this case I want to add space to the left of the menu so that it aligns with the other elements on the left side of the pages, and add space bewteen menu items.) http://lafollettegallery.com/home/

In general, what's the best way to go about making html/css edits outside of what's made available in the theme options?

Thanks in advance for any help.

Flynn Mar 31, 2009 06:38 PM

I suggest that you use Firebug to see the ID's or classes of each area you want to edit, then try the change on the fly inside Firebug, finally add it at Atahualpa Theme Options -> HTML/CSS Inserts -> CSS Inserts

The page menu bar looks like this

HTML Code:

<div id="menu1"><ul id="rmenu2">
So to move everything to the right you'd add a CSS Insert

HTML Code:

div#menu1 {
margin-left: 100px;
}

or

HTML Code:

ul#rmenu2 {
margin-left: 100px;
}

The div#menu1 has no styling so the effect will be different compared to moving ul#rmenu2, depending on other styling you might have on the page menu bar

Space between single <LI>'s

HTML Code:

ul.rMenu-hor li {
margin-left: 30px;
}
ul.rMenu-hor li ul li {
margin-left: 0px; /* reset left margin for sub menu items */
}



All times are GMT -6. The time now is 04:19 PM.

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