Centering RadMenuItems in a 100% width Radmenu

[Brett]

Hello,

I am trying to center my RadMenuItems so that the text appears at the center of the page.  Unfortunately, everything appears left aligned even though the menu fills up the entire width of the page.  So, how do I fill up the entire width of the page while having the menuitems completely centered?

[Brett]

Does anybody have an answer?  I would really like to get this done tonight.  I wish there was some feature in the controls where you can just specify center and the menu items would be centered as I have seen many posts and forum topics about this one in particular and there was never a clear definitive answer.  If you could please give a clear answer on how I can get my menu items to be centered, I would greatly apprecate that.  Thank you!

[Shinu]

Hello Brett,

You can easily achieve this by overriding the default CSS like below.

CSS:

.RadMenu .rmText
        {
            text-align: center !important;
        }

Thanks,
Shinu.

[Brett]

How about z-index properties in case you want a graphic to overlay your RadMenu?

[Brett]

Hi Shinu,

I put your code in the inline CSS in the header of my web page and this did not work.  Any other ideas on how to get this to work?  Did you get this to work on your end?

[Shinu]

Hello Brett,

The above code worked as expected on my end. Could you please try with the skin name that you are using?

CSS:

.RadMenu_<skinname>  .rmText
{
 text-align: center !important;
}

Also take a look at the following help article.
CSS Skin File Selectors

Hope it helps.

Thanks,
Shinu.

[Brett]

So you are saying that this should work given I choose the Vista skin?

.RadMenu_Vista

 

 

.rmText

 

{

 

 

text-align: center!important;

 

 

 

 

z-index:-1;

 

 

}

is that how it is done?

[Shinu]

Hello Brett,

Normally this CSS should work.

Thanks,
Shinu.