Capitalize menu letters?

Hello, all.
I was wondering if there was any way possible to make the menu capitalize the letters.
Like most forums, the menu is usually caped. But in this case, it's not.

Is it a certain type of font that it needs to be? Is it all in the design?

Thanks.

Hello,

Please provide your forum URL so that we can see this. Thanks!

If that's the text, you can always just change the text in the navbar settings to caps but if that's image, you can make those pictures

You can't just change the text in the navbar settings that area is greyed out and not an option, you have to use javascript to change the text in the navbars, and most likely those are buttons and the OP doesn't know it because the default text for the navigation menu the first letter of each link is capitalized.

My link is: http://superior.forumotion.pro/
Edit: The navbar already has the links capitalized, which is confusing me.

Your navbar is using images, you can delete all the images if you want and it will be replaced with text that have capital lettering.

To do that go to AP>>Display>>Pics management>>Advanced Mode>>

Scroll down on that page and you'll see the navigation buttons, you can remove the URL to the buttons there and then save your settings.

Then go to AP>>Display>>Headers & Navigation>>

On that page find "Display only images in the navbar " and select "No" and save your settings.

It's simple. Just add to CSS Stylesheet:

Code:

a.mainmenu{
text-transform: uppercase !important;
}

SGSS wrote:It's simple. Just add to CSS Stylesheet:

1. All the links are images there is no text being used.
2. He doesn't want all the text in uppercase.

Thanks anyway guys, I'll figure it out.

I think there is some javascript going on there too, so instead of doing what I said look in your javascript management located at AP>Modules>>Javascript management>> and see if you have a script running that has anything to do with the navigation menu and delete it. Also check your template and/or CSS stylesheet for text that looks like this and delete that too.

Code:

icon_mini

@runawayhorses wrote:I think there is some javascript going on there too, so instead of doing what I said look in your javascript management located at AP>Modules>>Javascript management>> and see if you have a script running that has anything to do with the navigation menu and delete it. Also check your template and/or CSS stylesheet for text that looks like this and delete that too.

Code:

icon_mini

No js scripts, and nothing with icon_mini in the CSS. I think It has to do with the images, or font.
Edit: Solved, I just changed uppercase, with capitalized.

Code:

a.mainmenu{
text-transform: capitalize !important;
}

@runawayhorses wrote:

SGSS wrote:It's simple. Just add to CSS Stylesheet:

1. All the links are images there is no text being used.
2. He doesn't want all the text in uppercase.

No, he uses text, see first post and look at the "log out" link, it have username nearly, like "Log out [username]".

If he doesn't want all the text in uppercase, then he must delete this part from his CSS Stylesheet:

Code:

text-transform: lowercase;

and then, to change the text from menu, he'll add this code to JavaScript codes management:

Code:

$(document).ready(function(){
$('a.mainmenu:contains("Portal")').text('PORTAL');
$('a.mainmenu:contains("Home")').text('HOME');
});

I just simply used the code you gave me, SGSS. I just changed uppercase , to capitalize .

Code:

a.mainmenu{
text-transform: capitalize !important;
}

Ok I was wrong that isn't the first time and won't be the last. lol

Anyway glad you got it how you want it now OnyxTech, and sorry for the confusion I am still learning too, its a never ending process.

Is this solved then, since you capitalized it instead of making it Uppercase?

@Sanket wrote:Is this solved then, since you capitalized it instead of making it Uppercase?

Yes, solved.