[SOLVED] Spacing the page menu
 

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;
}

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

what version of Atahualpa and WP?
What is the URL?
did you mean the CSS Inserts option?

Version 3.7.7
3.41
link here

entered in Add html/css inserts

You may have to add !important to your CSS

Larry would this be what I need?

ul.rMenu li {
margin-right: 50px;!important;
}
ul#rmenu2 li a {
padding-right: 20px; !important;
}

the '!important' needs to come before the ';'

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