What is the coding for editing a link in the navigational bar?

https://redcdn.net/ihimg/photo/my-images/209/club1kjhomessagelinks.jpg

We just want to find a way to edit this because it's way too long...

Also, if someone knows how to change the colour, I'd love to know what the coding for that is too... just want to turn it from grey to black.

Hi!

You can change the color of navigation bar text, adding in CSS Stylesheet this code:

Code:

a.mainmenu{
color: black !important;
}

For editing the links from menu, add in JavaScript codes management:

Code:

$(document).ready(function(){
$('a.mainmenu:contains("No private messages")').text("You have no PM");
});

For editing other link just add before }); this code:

Code:

$('a.mainmenu:contains("Old text")').text("New text");

Just change Old text and New text with the text you need.

Hey!



I've never used Javascript before. I created a new script and put the code in there and saved, and it was all good but the change wasn't made on the front page of my site, where I wanted it. I checked the box that said 'front page'.

Any ideas?

Did you activate JavaScript Management? It is above where it list the JavaScript codes you have created.

@SLGray wrote:Did you activate JavaScript Management? It is above where it list the JavaScript codes you have created.

http://imageshack.us/photo/my-images/850/screencapjavascript.jpg/

EDIT: Yes, I did activate JavaScript Management. I thought it showed it in the cap.

Yes, I'm so sorry if this is tedious. This is a screen cap of the Javascript page. Am I doing something wrong?

I'm willing to give someone admin status on our forum if anyone is willing to check it themselves

That screenshot is not the page to turn it on, go to the page before that, go to AP>>Modules>>Javascript management>>

On that page near the top find "Enable Javascript code management" and select "Yes" and save your settings.

Yeah sorry, I edited my post to mention that I realized the screen cap didn't show it, but I did in fact turn on Javascript in the previous page.

Exactly it should be in all pages, not the homepage.

@SLGray wrote:Exactly it should be in all pages, not the homepage.

I selected "all pages," as you can see from the screen cap.

Code:

$(document).ready(function(){
    $('a.mainmenu:contains("No private messages")').text("No Messages");
    });

Is this the right code? Did I do something wrong?

Try this one:

Code:

$(function() {
document.getElementById('i_icon_mini_menuhere').nextSibling.nodeValue='New name';
});

i_icon_mini_menuhere - you need to get the one for pm

New name - the name you want

Nothing yet... I updated the code and copy and pasted it directly, and adjusted New Name, and put in the url for the image.

Please post your forum's address.

@SLGray wrote:Please post your forum's address.

http://www.club1kjho.com/

Right, I should put this in my signature... Would you like admin access?

I will need a test account to log in. Please send it in a private message.

Edit:
After using the test account, I figured out that the wrong code was being used. The image URL was being used instead of i_icon_mini_message.

Topic Solved & Locked