• Home
  • Documentation

FWFM Color & Background

FW Food Menu tutorial for Joomla!
WordPress 5.6.x
Joomla! 3.10.x, 4.0.x

Ultimate design option to create unqiue category styling by setting text color, background color and image for category in whole or menu items. Can be used in combination with designs. Custom CSS Styles will help to configure element details that may be needed.

Current version: 4.0.0
Release date: 03 June 2022
Requires:
  • FW Food Menu 5.0.x or higher

All Features

Meal colors
Meal items foreground and background color settings in a category. Can be set individually for every category or use global settings.
Category colors
Category area foreground and background color settings. Can be set individually for every category or use global settings. Meal settings have priority.
FWFM Color & Background Product Change Log
Version 3.1.0 (Minor) released on 06 Oct 2021, 1 modification
New features
  • New language concept uses one language file for all add-ons.
Version 3.0.1 (Maintenance) released on 05 Aug 2021, 1 modification
Updates
  • Changed the way parameters are displayed in Admin -> Settings or when edited.
Version 3.0.0 (Major) released on 08 Feb 2021, 1 modification
New features
  • Joomla! 4.0 compatibility. Add-on will only work with FW Food Menu v4.0 or higher!
Version 2.0.0 (Major) released on 24 Dec 2020, 7 modifications
New features
  • New Title Text Color parameter to define it with a hex color code.
  • New Title Background parameter to define it with a hex color code.
  • New Price Color parameter to define it with a hex color code.
  • New Category Padding parameter to define a padding inside a category box.
  • New Meal Padding parameter to define a padding inside a meal box.
  • New Category border parameter to define border width, style and hex color.
  • New Meal border parameter to define border width, style and hex color.
Version 1.2.0 (Minor) released on 17 Sep 2020, 2 modifications
New features
  • - Integration into new component to work in unified admin system with improved context help.
Updates
  • - Updated language constants to match new concept.
Version 1.1.2 (Maintenance) released on 01 Jun 2020, 1 modification
Bugfixes
  • Background image would not save. Works now.
Version 1.1.1 (Maintenance) released on 27 May 2020, 1 modification
Bugfixes
  • Critical bugfix to ignore new params if not set.
Version 1.1.0 (Minor) released on 26 May 2020, 2 modifications
New features
  • Setting a color and a background for individual meal to highlight.
Bugfixes
  • Random images appliance when background image set.
Version 1.0.1 (Maintenance) released on 20 Mar 2020, 1 modification
Bugfixes
  • Code cleanup to remove redundant notices that may possibly cause issues in future.
Adds <strong>text and background color</strong> and <strong>background image</strong> options to <code>Meals and Category Add/Edit</code> forms in Admin. <code>FWFM Background & Colors</code> helps to make some items or sections stand out or just have a unique presentation of a meals list on a page.
Adds text and background color and background image options to Meals and Category Add/Edit forms in Admin. FWFM Background & Colors helps to make some items or sections stand out or just have a unique presentation of a meals list on a page.
Category Add/Edit
Category functional and design settings.
Located in Admin Main Menu -> Components -> FW Food Menu -> Categories -> click New/Edit button
Design & Layout Tab
Category layout Section
Parameters that modify category appearance.
Color & Background FWFM Color & Background
Design category and meals in this category to your taste.
Design category and meals in this category to your taste.
Category text color
Set a text color that is in contrast with category background color.
Category title background
A background color under a title. Helps to set contast color if original title color was changed.
Category title color
Change a color of a title that works better for your design.
Category background color
Set a solid color for all category.
Category background image
Set a background image that will be show underneath a category text centered vertically and horizontally. You can style background image position with CSS Styles section as well as other elements that need tuning.
Category background position
A position of a selected background image in a category box. Use pixels, percents or text definitions to set postion.
Category border
Set width, type and color for a category box.
Category padding
Allows to set paddings in a category to make it look nicer when background is set. You can use 1 value for all sides or 4 space separated values for top right bottom left.
Meal title color
Change a color of a title that works better for your design.
Meal text color
Set a text color that is in contrast with meal background color.
Meal background color
Set a solid color for all meals in a category.
Meal background image
Set a background image that will be show underneath a meal text centered vertically and horizontally. You can style background image position with CSS Styles section as well as other elements that need tuning.
Meal padding
Allows to set paddings in a meal box to make it look nicer when background is set. You can use 1 value for all sides or 4 space separated values for top right bottom left.
Meal Add/Edit
Add new or modify existing meal by setting parameters below. All installed add-ons parameters will be availabe here as well.
Located in Admin Main Menu -> Components -> FW Food Menu -> Meals -> click New/Edit button
Color & background Section FWFM Color & Background
Use text and background color or image to set a unique style for a meal.
Use text and background color or image to set a unique style for a meal.
Meal title color
Change a color of a title that works better for your design.
Meal text color
Set a text color that is in contrast with meal background color.
Meal background color
Set a solid color for all meals in a category.
Meal background image
Set a meal image that will be show underneath meal elements repeated from top to bottom, left to right. You can style meals with CSS Styles section as well as other elements that need tuning.
Meal border
Set width in pixels, type and color (hex color constant like #23fe45) for a meal container.
Settings
Global FW Food Menu parameters grouped by categories. Note that global Meals and Categories Layout parameters can be overwritten with a Category settings.
Located in Admin Main Menu -> Components -> FW Food Menu -> Settings
Design & Layout Tab
A group of parameters broken into sections to define a layout appearance and show/hide page elements with certain options.
Category layout Section
Parameters that modify a category appearance.
Category text color FWFM Color & Background
Set a text color that is in contrast with category background color.
Category background color FWFM Color & Background
Set a solid color for all category.
Category background image FWFM Color & Background
Set a background image that will be show underneath a category text centered vertically and horizontally. You can style background image position with CSS Styles section as well as other elements that need tuning.
Category background position FWFM Color & Background
A position of a selected background image in a category box. Use pixels, percents or text definitions to set postion.
Category padding FWFM Color & Background
Allows to set paddings in a category to make it look nicer when background is set. You can use 1 value for all sides or 4 space separated values for top right bottom left.
Meal layout Section
Parameters that apply to meal items.
Meal text color FWFM Color & Background
Set a text color that is in contrast with meal background color.
Meal background color FWFM Color & Background
Set a solid color for all meals in a category.
Meal background image FWFM Color & Background
Set a background image that will be show underneath a meal text centered vertically and horizontally. You can style background image position with CSS Styles section as well as other elements that need tuning.
Meal padding FWFM Color & Background
Allows to set paddings in a meal box to make it look nicer when background is set. You can use 1 value for all sides or 4 space separated values for top right bottom left.

    © 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