Skip to content
Feast Design Co.
  • Get the Feast Plugin
  • DocumentationExpand
    • Feast Plugin
    • Feast+
  • Open a Support Ticket
New to Feast? Start Here
Login/Account
Feast Design Co.

Getting Started

3
  • Migrating to Feast
  • Staging Site
  • Sign Up For The Newsletter

Genesis Setup

15
  • Edit Post Info
  • Update Author Bio
  • Modern Navigation
  • Clear Cache ‼️
  • Layout
  • Modern Index
  • Feast Plugin Setup
  • Modern Homepage Setup
  • Modern Menu for Desktop
  • Modern Mobile Menu
  • Sidebar
  • Modern 404
  • Modern Recipe Index
  • Modern Categories
  • Modern Footer

Plugin Settings

18
  • Edit Body Font Size
  • Subscribe button
  • Social Icons
  • Recipe Key
  • Post Template
  • Table of Contents
  • Post IDs
  • Google Trusted Source
  • Edit Leave a Reply
  • Disable Trackbacks
  • Modern Previous + Next
  • Posts per page
  • Breadcrumbs
  • Productivity
  • Smooth scrolling
  • Image unlink
  • Replace recipe card Jump To buttons
  • BETA

Block Editor 101

4
  • Block Editor
  • Block themes
  • Patterns
  • Why we don't support block-level styling

Blocks & Patterns

15
  • Post Template
  • Numbered Lists
  • Table of Contents
  • Full Width Banner
  • Featured Recipe Pattern
  • Why we don't support block-level styling
  • Process Shots
  • Inline Heading Group Block
  • Step Instructions
  • Advanced "Jump To" Links
  • Reader Review
  • Feast Patterns
  • Displaying Post Blocks (FSRI)
  • Displaying Category Blocks (FSCI)
  • Scheduled Categories

Page Templates

3
  • Custom 404
  • How to use Categories
  • Shop page

Customize

8
  • Customizer
  • Customizations
  • Customization Referrals
  • Why we don't support block-level styling
  • Per Page CSS
  • Why you shouldn't make customizations
  • Custom CSS
  • Customization Support

Images

10
  • Post Images
  • Default Image Size
  • Modern post image sizes
  • How thumbnails work
  • Modern Thumbnails (Featured Images)
  • Troubleshooting Featured Images
  • Displaying Post Blocks (FSRI)
  • Process Shots
  • Image Alt Tags
  • Why do my images look different in edit post and live?

Feast+

32
  • What is Feast+?
  • Feast+ Setup
  • Design Kits
  • Feast+ Fonts
  • Feast+ FAQ
  • Feast+ Showcase
  • Branding & Design
    • Feast Fonts
    • Feast+ Branding & Design
  • Feast+ Patterns
    • Top Banner
    • Custom list styling
    • Numbered Lists
    • Full Width Banner
    • Feast+ Footer
    • Feast+ Call to Action
    • Icon Tip Boxes
    • As Seen In
    • Reader Review
  • Feast+ Pre-Built Pages
    • Feast+ Homepage
    • Feast+ Index
    • Feast+ Category Pages
    • Social Landing Page (Link In Bio)
  • Feast+ Features
    • Full-Width Post Header
    • Custom List Styling
    • Colored Numbered Lists
    • Top 10 List Styling
    • Step Instructions
    • Heading Styling
    • Top of Site CTA Banner
    • Custom Background Pattern
  • Design Kits
    • Feast+ Design Kits (Members)
    • Feast+ Design Kit Library
    • Feast+ Design Kit Instructions

Recipes

7
  • Reviews
  • Recipe Key
  • Ingredients
  • Displaying Category Blocks (FSCI)
  • Displaying Post Blocks (FSRI)
  • Featured Recipe Pattern
  • All Recipes

Social Sharing

2
  • Social Icons
  • Tiktok

Logo & Fonts

5
  • Retina Quality Logo
  • Create your logo
  • Edit Body Font Size
  • Fonts
  • Logo

Categories

3
  • Why Isn't the Category Description Appearing?
  • Displaying Category Blocks (FSCI)
  • How to use Categories

Blogging Resources

15
  • Food Blog Sitelinks
  • Photography
  • Understanding "penalties"
  • Food Blog Page Structure
  • Food Blog Site Structure
  • Comments
  • Internal links
  • Analytics
  • Pagespeed
  • SEO for Food Bloggers
  • Modern guidelines for page headings
  • How to Write a Recipe Post
  • Recipe Page Guidelines for Food Bloggers
  • Image Optimization
  • Recipe Update Checklist

Speed & SEO

18
  • Image Alt Tags
  • Speculative Loading
  • Google Trusted Source
  • 301 Redirects, Links, Canonical and Pagespeed
  • Image file size vs. pagespeed
  • Duplicate Content
  • Lazyloading comments
  • CLS
  • Blocking Time
  • SEO
  • Skip lazy loading first post image
  • Horizontal scrolling
  • Smooth scrolling
  • Pagination
  • Pingbacks
  • INP (Interaction to Next Paint)
  • CDNs
  • Site Speed

Legal Resources

5
  • Legal Resources
  • DMCA and Copyright Infringement
  • Copyrights
  • Accessibility
  • Private Label Rights (PLR)

Troubleshooting

10
  • Why do my images look different in edit post and live?
  • Why Isn't the Category Description Appearing?
  • Troubleshoot Plugin Conflicts
  • How to update your theme
  • Feast Plugin FAQ
  • W3 HTML Validation
  • Sorry, this file type is not permitted for security reasons.
  • Troubleshooting Featured Images
  • Either "name" or "item. name" should be specified (in "itemListElement")
  • Clear Cache ‼️

Compatibility

2
  • Compatibility
  • WP 6.7

Integrations

8
  • Ecommerce
  • Ingredients
  • Google Trusted Source
  • Contact Forms
  • Translation
  • WP Recipe Maker
    • Reviews
    • QR Code
    • Ingredients

Developer Resources

6
  • Multisite
  • Feast Plugin Deprecated
  • W3 HTML Validation
  • Feast Plugin: Disable Theme Google Fonts
  • Rethinking the Thumbnails
  • Design
View Categories
  • Home
  • Documentation
  • Genesis (Legacy)
  • Block Editor 101
  • Block Editor

Block Editor

The Block Editor is what is used to write posts. WordPress doesn't do a great job making the user interface intuitive, and tends to hide a lot of features. We've included some tutorials below based on common questions we get!

Jump to:
  • Classic editor
  • Gutenberg
  • Post Meta Boxes
  • New window
  • Nofollow link
  • Process shots
  • Lists
  • Full Width Group Block
  • Inline Heading
  • Blockquote
  • Background colors
  • Block options

Classic editor

The classic editor is no longer a part of our setup, and we recommend against using the classic editor plugin.

Gutenberg

The Gutenberg plugin is not the block editor - it's the experimental features that WordPress puts out long before they're stable. Absolutely delete the Gutenberg plugin if you have it installed.

Post Meta Boxes

The Post Meta boxes provide page/post-specific settings, and these can sometimes accidentally get moved from the block editor sidebar down below the block editor:

This is just a poorly designed user experience in the block editor.

New window

In order to open a link in a new window:

Nofollow link

In order to mark a link as nofollow:

Note: this functionality requires the free Yoast SEO plugin from the WordPress repository.

Process shots

See the process shots tutorial for our recommended setup.

Lists

Lists can enhance the user experience on a post by putting together groups of ideas or ingredients into an easy-to-digest format.

Feast also has as 2-column and 3-column list block:

Note that the 3-column list style should only be used on full-width pages (eg. the homepage). Both the 2 and 3 column layout will display single-column on mobile for readability reasons.

Full Width Group Block

The Feast Full Width group block style is available to use on pages (not posts) that have the sidebar removed.

It does not working on any page or post with a sidebar, because the full width layout would overlay the sidebar, and could also interfere with ad viewability.

You can change the default color of the full width group block using the customizer, but make sure to choose a color that provides adequate contrast for accessibility.

Note: for Feast+ users, the background color is automatically assigned to the Feast+ background color, and all necessary accessibility adjustments are automatically made.

Feast+ enables further group block options such as a custom background, using one of our pre-defined patterns, or your own custom background!

Inline Heading

The Inline Heading style for the group block makes it possible to have the heading displayed inline with group blocks border:

This can be used to feature a specific recommendation or

Remember that if you use an H2, it will be displayed in the Advanced Jump To. Use an H3 if you don't want the heading to display in the Advanced Jump To.

Blockquote

The blockquote has several new styles that can be used to feature a reader comment or review, in your post.

Just add a blockquote, and copy+paste the comment into the block:

Note: this is designed for Foodie Pro 5, other themes may have styling overlaps.

Background colors

The core WordPress block editor has enabled the ability to add text and background colors to most blocks.

We do not recommend or support using this, and never have.

The reason that we recommend against this is because:

  1. it doesn't guarantee accessibility, which means that if you choose a text and/or background color that aren't sufficiently distinct, you won't pass accessibility requirements and may receive Google Search Console Warnings
  2. these options are set page by page and post by post which means that if you ever need to change it (and you 100% will), then you need to go edit each individual post and each individual block manually

For one-off pages such as the homepage, contact, about or landing pages, this isn't too much of a concern. However, when creating hundreds of identical posts, this is a highly inappropriate feature to use.

Instead, WordPress must come up with a method to ensure accessibility, and provide site-wide colors that can be changed all at once across posts.

Feast+ has built in group block styles that can automatically apply site-wide and automatically adjusts text, link and button colors to account for accessibility.

Block options

We have a separate tutorial on block options.

Was this helpful?

  • Happy
  • Sad
Why we don't support block-level stylingBlock themes

Products

  • Feast Plugin
  • Feast+
  • Feast+ White Glove
  • Feast+ Style Refresh
  • Done-for-you Services
  • Demo trial
  • Themes
  • Theme Install Service
  • Classic Themes
  • Lattice Plugin
  • Travel
  • Logo creation

Help

  • Kadence tutorials
  • Kadence Install
  • Documentation & Tutorials
  • Feast+ Members
  • Discounts & Coupons
  • Trellis 2.0
  • Trellis
  • Trellis Migration
  • Compatibility
  • Support
  • Legal resources
  • Genesis vs. Kadence
  • Changelog
  • How to start a blog course

Company

  • Privacy Policy
  • Refund Policy
  • Terms & Conditions
  • Why Feast
  • Principles & Best Practices
  • Affiliates
  • Contact
  • Opinion Disclaimer
  • AI Policy

Copyright ©  2026 · Feast Design Co. Results not typical or guaranteed. Our themes and plugins are just a small part of the overall effort involved in running a food blog. Nothing on this website shall constitute legal or financial advice, always consult a local lawyer and accountant. Accessing this website and all transactions herein are under the laws and jurisdiction of Toronto, Ontario, Canada. All pricing is USD.

  • Get the Feast Plugin
  • Documentation
    • Feast Plugin
    • Feast+
  • Open a Support Ticket
Facebook X Instagram
Search