Style Options For Menu Links

Link: https://support.brilliantdirectories.com/support/solutions/articles/12000052181

In the Toolbox » Menu Manager article, editing options for menu links were covered. This article provides examples of how to style menu items and related options.

How Can These Options Be Accessed?

In the Edit view for any menu, a Settings button is attached to every menu link:

Clicking this option opens additional editing settings:

Format to Use:

Link Title Text

This setting can be used to add an additional SEO boost to the link by defining its meta title.

Input:

Additional Information:

>> HTML title attribute (W3Schools)

Menu Item Inline Attribute

This setting can be used to add preferred style attributes to the <li> element.

Input:

Front-end view:

Outer <li> Inline Attribute

This setting can be used to add preferred style attributes to the <a> element.

Input:

Front-end view:

Additional Information:

>> HTML inline CSS (W3Schools)

Menu Item CSS Class

This setting can be used to add a preferred CSS class to the <a> element.

Input:

Front-end view:

Outer <li> CSS Class

This setting can be used to add a preferred CSS class to the <li> element.

Input:

Front-end and HTML view:

Additional Checkboxes

• Open in a new window – Indicates whether the link opens in a new browser tab.
• Add rel="nofollow" – Indicates whether search engines should follow the link. This option is useful when the linked page is not ready or is in a staging environment.