The customizer allows changing certain parts of a theme or plugin, changing your site from our prebuilt theme to your own custom theme.
Using the customizer breaks our setup that is designed to comply with requirements for:
- SEO
- accessibility
- pagespeed
- user experience
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+.
Jump to:
FSRI
A number of settings are available to customize the FSRI block in the customizer:
Note that this is the customizer, which applies site-wide, and not the block editor FSRI block options.
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:
Note that this is the customizer, which applies site-wide, and not the block editor FSCI block options.
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.
Naiby Jacques says
Why do you highlight just one menu item as you did in your navigation menu (in blue)?
Skylar says
If you mean on the FeastDesignCo.com site, it's because a different contrast/color draws users attention to a specific item. In our case, the Feast Plugin is our cornerstone product, replacing the 5 individual themes, and is our "conversion" item - we want people to visit that page and make the purchase. This is just "conversion optimization".