Customizer

The customizer allows changing certain parts of a theme or plugin, changing your site from our prebuilt theme to your own custom theme.

Step one: enable the customizer

To enable Feast settings in the Customizer, visit Admin > Feast Plugin, enable it:

This enables options in Admin > Appearances > Customize to change fonts, colors, layouts, spacing and more, and creates a custom theme that we may not support.

Feast supports our own prebuilt themes. We're not able to support issues arising from creating your own custom theme.

Note that customizer settings are specific to your theme and will not carry over when you change themes.

However, for sites with technically savvy owners, or who have third party support from a spouse, or companies like Nerdpress, iMarkinteractive or Mike Zielonka, we've integrated options to create your own custom theme through the customizer.

Note that the options and interface may change depending on whether you're using a standard theme, or Feast+.

FSRI

A number of settings are available to customize the FSRI block in the customizer:

Video:

This includes:

• List Item Padding: this is the space between the image and the border of the listing item
• Title Font: this defaults to the body font, but you can choose to match the heading fonts of the body font
• Title Color: this is black (#000000) by default, but you can choose to match the link color or other colors - pay special attention to accessibility compliance
• Title Padding: this is the spacing around the post name (but not the image)
• Font Size: the default for this is the body font size, however you can increase this to make it more prominent. IMPORTANT: it's critical this is checked on mobile and sidebar for layout.
• Font Weight: the default is the body font weight (typically 400/normal), with 700 being the default bold weight. IMPORTANT: not all fonts support all font weights, so if the weight doesn't change then it doesn't exist
• Font Case: default (as written in the post title), uppercase or lowercase
• Grid Gap Horizontal: this is the horizontal spacing between posts being displayed
• Grid Gap Vertical: this is the vertical spacing between posts being displayed

FSCI

A number of settings are available to customize the FSCI block:

Video:

This includes:

• List Item Padding: this is the space between the image and the border of the listing item
• Title Font: this defaults to the body font, but you can choose to match the heading fonts of the body font
• Title Color: this is black (#000000) by default, but you can choose to match the link color or other colors - pay special attention to accessibility compliance
• Title Padding: this is the spacing around the post name (but not the image)
• Font Size: the default for this is the body font size, however you can increase this to make it more prominent. IMPORTANT: it's critical this is checked on mobile and sidebar for layout.
• Font Weight: the default is the body font weight (typically 400/normal), with 700 being the default bold weight. IMPORTANT: not all fonts support all font weights, so if the weight doesn't change then it doesn't exist
• Font Case: default (as written in the post title), uppercase or lowercase
• Grid Gap Horizontal: this is the horizontal spacing between posts being displayed
• Grid Gap Vertical: this is the vertical spacing between posts being displayed

Link color

The link color settings can be found in the Customizer > Colors & Fonts > Colors.

Video:

This overrides the site-wide link default link color from our themes (eg. #fb6a4a for Foodie Pro). If you want to selective apply it to only certain links, you'll need to hire third party customization support.

It's important to make sure that your link color is accessibility compliant on any background color it appears on.

Full Width Background Color

The Feast Full Width group block can be matched to your brand color site-wide.

You can choose a background color to apply site-wide in Customizer > Colors & Fonts > Colors:

This should be a light color to avoid contrast issues with the text, link colors and buttons.

Button Colors

The button color settings will set your WordPress button colors site-wide. WordPress buttons are often used in the sidebar, footer, and for the Replace Jump To feature.

• Button Background Color: the standard background color for the button
• Button Hover Background Color: only applies on desktop, when the mouse hovers over the button
• Button Text Color: the text color for the button, should meet minimum accessibility contrast ratio
• Button Hover Text Color: only applies on desktop, when the mouse hovers over the button, should meet minimum accessibility contrast ratio against the button hover background color

You can test the button color contrast for accessibility by plugging your website into https://wave.webaim.org/

Fonts

The fonts settings can be found in the Customize > Colors & Fonts > Typography (must be using Foodie Pro 5). These settings were introduced to Foodie Pro 5 to allow updating the fonts to more closely match the styling of the classic Brunch Pro, Cook'd Pro, Cravings Pro and Seasoned Pro themes.

This includes options for:

• Title / H1: font case, font weight, font size, alignment
• Headings (H2-H6): font case, font weight, font size, alignment
• Breadcrumb (Yoast): font case, font weight, font size, alignment
• Post Info: font case, font weight, font size, alignment
  • NOTE: review the disclosures documentation for FTC legal requirements around disclosures in the post info
• Body font: font size for most text
• Desktop Sidebar: font size adjustment for the sidebar, but only on desktop (mobile should match the body content)