• Home
  • Documentation

Badge Add/Edit

FW Food Menu tutorial for Wordpress
Add a <strong>Meal Badge</strong> by choosing a <code>Font Awesome</code> icon from Icons list at <code>https://fontawesome.com/ </code>(Icons page).<div class="fw-doc-only"><strong>Located</strong> in <code>WP Admin -> Menu Sidebar -> FW Food Menu -> Badges -> click New/Edit button</code></div>
Add a Meal Badge by choosing a Font Awesome icon from Icons list at https://fontawesome.com/ (Icons page).
Located in WP Admin -> Menu Sidebar -> FW Food Menu -> Badges -> click New/Edit button
Toolbar
Toolbar
Buttons
Save
Save all badge parameters and remain on edit form. Helpful when you try different parameters and check changes on a front-end.
Save & Close
Save all badge parameters and close edit form going back to Badges list.
Save & New
Save all parameters for a current badge and open a new badge edit form.
Save as Copy
Create a new badge based on a current badge settings and remain on edit form.
Cancel
Dismiss all changes and close Edit badge form.
Badge details Section
Name/Hint
A text name/hint for an icon that is shown as a tooltip when a user hovers badge/icon on a front-end.
FA Icon

Look up Font Awesome 5 Pro icons codes at https://fontawesome.com/ (Icons page) to choose a matching icon for a badge. For more details read documentation (Docs).

Example: fal fa-star

Color
Define a hex color constant with a picker to change default icon color. By default meal badge icon will have the same color as a meal title. Hex color example: #26f3e7.

    © 2007 - 2022 Fastw3b LLC

Joomla! name is used under a limited license from Open Source Matters in the United States and other countries. Fastw3b LLC is not affiliated with or endorsed by Open Source Matters or the Joomla! project.

English French German Italian Portuguese Russian Spanish