FW Food Menu
Online menu for restaurants, cafe and bars.
Demo Website Product Page

FWFM Color & Background

Plugin

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.

Compatibility: Joomla! 3.9.x
Current version: 1.2.0
Release date: 17 September 2020

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.

Adds text and background color and background image options to Meals and Category Add/Edit forms in Admin. FWFM Color & Background helps to make some items or sections stand out or just have a unique presentation of a menu.constant-hint/title

Adds text and background color and background image options to Meals and Category Add/Edit forms in Admin. FWFM Color & Background helps to make some items or sections stand out or just have a unique presentation of a menu.

 
Category Add/Edit
Category functional and design settings.
Design & Layout Tab
Category layout Section
Parameters that modify 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.
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 Add/Edit
Add new or modify existing meal by setting parameters below. All installed add-ons parameters will be availabe here as well.
Color & background Section FWFM Color & Background
Use text and background color or image to set a unique style for a meal.
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.
Settings
Global FW Food Menu parameters grouped by categories. Note that global Meal and Category Layout parameters can be overwritten with category settings.
Design & Layout Tab
Setting that define layout appearance and show/hide different fields and options.
Category layout Section
Parameters that modify 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.
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.