I'm looking to change the words displayed for the default OP navigation bar. I'm not looking to fully replace the navigation menu or use images for the links, I simply want to change the words used in the default navigation bar. How would I go about doing this?
It looks like you're new here. If you want to get involved, click one of these buttons!
Comments
This isn't necessarily a simple thing to do, but here's one way to do it. It hides the current words, and then attaches a "css content" to the still visible icon, which is actually a special font.
Obsidian Portal Developer
This is my go to. I can post the dashboard too- it's pretty similar. Just change the names to what you want
#campaign-nav .nav-text {font-size:0;}
#campaign-nav .secrets a:after {content:"Secrets";}
#campaign-nav .dashboard a:after {content:"Dash";}
#campaign-nav .adventure-log a:after {content:"Fights";}
#campaign-nav .wiki a:after {content:"Rules";}
#campaign-nav .characters a:after {content:"Combatants";}
#campaign-nav .forum a:after{content:"FFL Forum";}
#campaign-nav .public-forum a:after{content:"FFL Forum";}
#campaign-nav .calendar a:after {content:"Schedule";}
#campaign-nav .settings a:after {content:"Settings";}
#campaign-nav .front-page a:after {content:"FFL";}
#campaign-nav .maps a:after {content:"Play Books";}
#campaign-nav .items a:after {content:"Supplies";}
#campaign-nav .file-docker a:after {content:"The Gallery";}
Thank you both for the replies! I went with Conan_Lybarian's because it was simple and did exactly what I wanted. But I really appreciate both suggestions!
No problem @tommy19! Also, if you want the dashboard/back end to match, use the same script, but replace #campaign-nav with #dashboard-main-nav
@Conan_Lybarian Thank you. I might just do that! :)
You can use the following code to customize the images shown to the left of the titles as well:
Interestingly the code above for .op-icon-forum also changes the image shown for the Stream.
GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM
GM of Core: The Ashes of Alcarna - April 2020 CotM
GM of Stream of Kairos
Need CSS Help? It may be covered here: Abersade's CSS Hub
In case someone comes across this in the future, there is now a Custom Navigation area in the Advanced tab that will also support all of this. You can use the Insert Sample button to get HTML to duplicate the default navigation and then change only the parts you want, like the words, or the icons.
Obsidian Portal Developer
"I met a traveller from an antique land....."
CotM May 2016: Mysteria: set in Wolfgang Baur’s MIDGARD.
Previous CotM Aug 2012: Shimring: High Level Multiplanar Campaign
Inner Council Member