Navbar name change issue.
4 posters
Page 1 of 1
Navbar name change issue.
I changed the "messages" link on the navbar that says "You have no new messages" to just say "Inbox". But the code I used hides the "You have no new messages" and puts "Inbox" in its place, which causes size problems, since "You have no new messages" is a lot longer than "Inbox". The length of the previous wording stays even after the edit.
Ex: Before and After.
Code I used to change the name.
http://gjtesting.forumotion.com/
My question, is there a way to fix this issue, or is it not possible. I realize that the code is pretty much a CSS hack so i'm not so sure it would work.
Ex: Before and After.
Code I used to change the name.
- Code:
#page-header > div.navbar > div > ul > li:nth-child(9) > a {
visibility: hidden;
position: relative;
width: 2px;
}
#page-header > div.navbar > div > ul > li:nth-child(9) > a:before {
visibility: visible;
position: relative;
top: 0;
left: 0;
content: "Inbox";
}
http://gjtesting.forumotion.com/
My question, is there a way to fix this issue, or is it not possible. I realize that the code is pretty much a CSS hack so i'm not so sure it would work.
Last edited by sonyman on Sun 9 Nov 2014 - 21:17; edited 2 times in total
sonyman- New Member
- Posts : 21
Reputation : 1
Language : english
Re: Navbar name change issue.
So the issue only happens when you have a new private messages?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Navbar name change issue.
Hello,
Try this Javascript code
This will change the text that says "You have no new messages" to Inbox, and when "You have 1 new message" to Inbox New.
Try this Javascript code
- Code:
$(function(){
$('a.mainmenu:contains("You have no new messages")').text('Inbox');
});
$(function(){
$('a.mainmenu:contains("You have 1 new message")').text('Inbox New');
});
This will change the text that says "You have no new messages" to Inbox, and when "You have 1 new message" to Inbox New.
Re: Navbar name change issue.
Hello sonyman,
Have you tried setting the font-size to 0 on the texts you don't want to show ?
Then set the font-size on the new content.
Have you tried setting the font-size to 0 on the texts you don't want to show ?
- Code:
#page-header a.mainmenu[href*="privmsg"] { font-size:0 }
#page-header a.mainmenu[href*="privmsg"]:after {
content:"Inbox";
font-size:11px;
}
Then set the font-size on the new content.
Re: Navbar name change issue.
Thanks guys. I went with Ange's advice because i'd rather have this edit in the form of CSS code than Javascript, as I noticed sometimes when I used the javascript code to do it, it would sometimes glitch.
Ange and Maty solved my issue. Thanks.
Ange and Maty solved my issue. Thanks.
sonyman- New Member
- Posts : 21
Reputation : 1
Language : english
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum