Styling new developer portal in Azure API Management Services - css

How can I modify the colors of the navbar links in the new developer portal, for the layouts?
So far I've tried the designer tool that comes with the portal, with no luck. I've also tried cloning the git repository for the APIM instance, but only seem to find settings for the legacy portal.
No guide I've found so far more that scratches the surface of how to style the new portal.
Any hint or idea would be greatly appreciated.

You do not need to clone the repository to change any styling.
All styles can be changed in the Style guide.
Also, you can check docs https://aka.ms/apimdocs/customizeportal
But the main idea is:
to change the style for navbar link for the Regular page menu appearance on the Style guide page
(Style guide -> menus nav link -> Navigation link editor)
or create a separate appearance for menu (Style guide -> menus -> add appearance)
open the menu editor for the layout (Layouts -> select menu on a layout -> open menu editor)
select the required appearance in Appearance dropdown

Related

Navigation Icons in WordPress

I installed a new theme in WordPress and I found the navigation/menu for this theme in mobile view is Icons Menu not horizontal menu as in normal browsers view
Check this picture:
http://oi58.tinypic.com/2q3xaw0.jpg
Which part in the theme files is responsible for this issue?
CSS? or any other php file?
In Chrome right click the menu bar and select "Inspect Element".
Now you can inspect the elements on the page and see what ID or Class they have.
Search the Theme folder for a file called custom.css, here you can add new css styles that will override the old ones. Now you can redesign the menu bar as you like.
Or,
There may be a menu setting in the wp-admin backend of wordpress. Check the wordpress sidebar on the left for a new item named 'your theme' and search the options for menu settings, you may be able to check a button to change it there.

Wordpress menu editor

Is there a plug-in that improves the standard menu editor in Wordpress? For example I need to change the attributes "rel" and "class" for menu items not just the "title".
Its already there in WordPress. No external plugins required.
Goto Dashboard -> Appearance -> Menus
Click the screen Options button on the top left to see advanced options.
Now select the CSS classes and Link Relationship on Show
advanced menu properties.
Now 2 new boxes will appear for every menu. Just add your custom
class and rel there.
Thats all. Cheers!!!

how to customize a navigation menu in wordpress

I am new to wordpress. I want to know how can I customize a navigation menu in wordpress. I want to be able to change the look and contents of the navigation menu according to my need.I searched for plugins but none matches with the requirement. How should I proceed?
The menu is built up by the pages that you create. All the other stuff that you see are made up from widgets which you can drag and drop in the widgets menu.
So what are your plans exactly and what is the url so we can help a little bit better?

Orchard CMS Advanced Menu - Replace the Superfish-based menu widget with clean one

Can anyone tell me how I can use the Szmyd's Advanced Menu module with Orchard CMS without any of the superfish styles etc?
Thanks again in advance.
The module at installation time replaces the default menu with StyledMenuWidget. This widget uses Superfish. You are free to change that - go to Widgets admin, remove the existing menu widget from Navigation Zone and add new MenuWidget there instead.

drupal - building the upper menu

How do I build and design an upper menu using drupal?
Most contrib Drupal Themes will allow you to do the following:
Navigate to
http://YOURSITE//admin/build/themes/settings/YOURTHEME
Then toggle the primary menu and
click save
Next go to
http://YOURSITE/admin/build/menu-customize/primary-links/add
and add a menu item called test
See your nice shiny new menu item at the top somewhere?
Now use your trusty CSS knowledge and your fantastic PHP/HTML skills and start designing by modifying your chosen starter template :)
Not really sure what you're asking for, but try these modules:
http://drupal.org/project/nice_menus - Nice Menus
http://drupal.org/project/superfish - Superfish
They should do the trick.

Resources