The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Capitalize menu letters?

View previous topic View next topic Go down

Solved Capitalize menu letters?

Post by OnyxTech on February 2nd 2013, 11:13 pm

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.

OnyxTech
Forumember

Posts : 25
Reputation : 1
Language : English

Back to top Go down

Solved Re: Capitalize menu letters?

Post by Base on February 2nd 2013, 11:30 pm

Hello,

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

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Solved Re: Capitalize menu letters?

Post by Kaizer Lee on February 3rd 2013, 12:31 am

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 Smile

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Capitalize menu letters?

Post by runawayhorses on February 3rd 2013, 12:46 am

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.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Capitalize menu letters?

Post by OnyxTech on February 3rd 2013, 6:08 am

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

OnyxTech
Forumember

Posts : 25
Reputation : 1
Language : English

Back to top Go down

Solved Re: Capitalize menu letters?

Post by runawayhorses on February 3rd 2013, 6:16 am

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.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Capitalize menu letters?

Post by Cassius Dio on February 3rd 2013, 10:09 am

It's simple. Just add to CSS Stylesheet:
Code:
a.mainmenu{
text-transform: uppercase !important;
}

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: Capitalize menu letters?

Post by runawayhorses on February 3rd 2013, 10:58 am

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.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Capitalize menu letters?

Post by OnyxTech on February 3rd 2013, 4:28 pm

Thanks anyway guys, I'll figure it out.

OnyxTech
Forumember

Posts : 25
Reputation : 1
Language : English

Back to top Go down

Solved Re: Capitalize menu letters?

Post by runawayhorses on February 3rd 2013, 6:59 pm

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
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Capitalize menu letters?

Post by OnyxTech on February 3rd 2013, 7:05 pm

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


Last edited by OnyxTech on February 3rd 2013, 7:09 pm; edited 1 time in total

OnyxTech
Forumember

Posts : 25
Reputation : 1
Language : English

Back to top Go down

Solved Re: Capitalize menu letters?

Post by Cassius Dio on February 3rd 2013, 7:07 pm

@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');
});

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: Capitalize menu letters?

Post by OnyxTech on February 3rd 2013, 7:12 pm

I just simply used the code you gave me, SGSS. I just changed uppercase , to capitalize .
Code:
a.mainmenu{
text-transform: capitalize !important;
}

OnyxTech
Forumember

Posts : 25
Reputation : 1
Language : English

Back to top Go down

Solved Re: Capitalize menu letters?

Post by runawayhorses on February 3rd 2013, 7:58 pm

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.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Capitalize menu letters?

Post by Sanket on February 3rd 2013, 8:22 pm

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

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Capitalize menu letters?

Post by OnyxTech on February 3rd 2013, 11:03 pm

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

OnyxTech
Forumember

Posts : 25
Reputation : 1
Language : English

Back to top Go down

Solved Re: Capitalize menu letters?

Post by SLGray on February 4th 2013, 2:34 am

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum