How To Create a Style Options For Menu Links

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

In Toolbox » Menu Manager article, we talked about Editing Options For Menu Links. In this article, we will be giving examples of how to style the menu items and more.

How Can I Access These Options?

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

Clicking on this will open additional options for editing:

Format To Use:

Link Title Text

This setting can be used to add additional SEO boost to the link, by stating its Meta "Title"

Input:

Additional Information:

>> HTML title Attribute (W3 Schools)

Menu Item Inline Attribute 

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

Input:

Front-end view:

Outer <li> Inline Attribute 

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

Input:

Front-end view:

Additional Information:

>> HTML Inline CSS (W3 Schools)

Menu Item CSS Class 

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

Input:

Front-end view:

Outer <li> CSS Class 

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

Input:

Front-end and HTML view:

Additional Checkboxes:

• Open in a new window - These settings will indicate if the link should open in a new tab or not.
• Add rel="nofollow" - This setting will indicate if search engines should follow this link or not. This setting can be used when the respected link is not ready yet (might be a staging mode).