I have added a new navigation link called Slideshow by customizing the following code that I found elsewhere on this forum: <script> Discourse.ExternalNavItem = Discourse.NavItem.extend({ href : function() { return this.get('href'); }.property('href') }); I18n.translations.en.js.filters.bugs = {…

[صورة] Look in your Admin > Custom > Html/CSS, copy and paste this code in CSS tab [صورة] a[href="http://www.singletrackbc.com"] { font-style: italic; } On mobile device there is only one button. It is a dropdown menu, click on Latest and you will see Slideshow too.

Use CSS for this. [صورة] E.g.: /* Add a fontwesome icon*/ a[href="/category/assistenza"]:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; content: "\f0fa"; margin-right: 3px; } /*Change background only for my custom b…

Thanks for offering to help, but I cannot get it to work. There must be an easier way to simply add italics to the link. This is the code I am using: <script> Discourse.ExternalNavItem = Discourse.NavItem.extend({ href : function() { return this.get('href'); }.property('href') }); I18n.translat…

That worked perfectly! Thank you very much! :grinning:

I’ve got a CSS question related to this which I hope is simple for you answer. I’ve added the ‘Bookmarks’ link to the topnav and have styled it differently to stand out from ‘latest’, ‘top’ etc. However, I’m having trouble specifying the style of this link when the link is active. I.e. when the use…

I don’t know if this is the better way (but it works): .list-controls .nav-pills .active a[href="/bookmarks"] { font-style: italic; } However you can remove those lines from CSS: border-radius: 0px; border-bottom: 0px solid !important; you don’t need them (they are relative to my specific ca…

Just confirmed that the custom link I created does not appear when viewed on my phone, only on desktop (will have to confirm tablet later today).

[صورة] ron_jeremy: Just confirmed that the custom link I created does not appear when viewed on my phone Yep, I don’t see your custom link too. But I can see mine on mobile device. What version of Discourse are you running? I’m on v1.6.0.beta7 +134.

Trash: I can see mine on mobile device. Did you put yours under the Customize that shows when you click the “mobile device” icon above right ?

Can’t remember the version # but I’m on latest version as of today.

I put only the fontawesome icon here a[href="/category/assistenza"]:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; content: "\f0fa"; margin-right: 3px; } and only for the Assistance button. I add the Chat icon right …

هل من الممكن تنسيق الخط المستخدم لروابط التنقل المخصصة؟

الدعم

dax (Daniela) 21 يونيو 2016، 7:23م 9

Yep, I don’t see your custom link too. But I can see mine on mobile device.
What version of Discourse are you running?

I’m on v1.6.0.beta7 +134.

الموضوع		الردود	مرات العرض
Custom Top Navigation Links Theme component official , top-navigation-links	33	19021	14 ديسمبر 2025
Change in highlighted objects Support	6	290	2 يوليو 2024
How to add new button in different color UX	3	1446	4 أكتوبر 2018
New default nav style and simplified color scheme Announcements	7	666	25 يونيو 2024
Styling front page category title & nav container background Support	2	1179	23 أكتوبر 2020

هل من الممكن تنسيق الخط المستخدم لروابط التنقل المخصصة؟

الموضوعات ذات الصلة