{"id":44546,"date":"2020-02-13T08:59:05","date_gmt":"2020-02-13T13:59:05","guid":{"rendered":"https:\/\/feastdesignco.com\/?p=44546"},"modified":"2026-01-16T14:46:13","modified_gmt":"2026-01-16T19:46:13","slug":"customizer","status":"publish","type":"post","link":"https:\/\/feastdesignco.com\/customizer\/","title":{"rendered":"Customizer"},"content":{"rendered":"\n<p>The customizer allows changing certain parts of a theme or plugin, changing your site from our prebuilt theme to your own custom theme. This will not and cannot provide every possible change you'll ever want to make, and anything not covered here will require hiring a developer.<\/p>\n\n\n\n<div class=\"wp-block-group is-style-group-asterisk\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Using the customizer breaks our theme setup that is designed to comply with requirements for:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>SEO<\/li>\n\n\n\n<li>accessibility<\/li>\n\n\n\n<li>pagespeed<\/li>\n\n\n\n<li>user experience<\/li>\n\n\n\n<li>ad optimization and revenue<\/li>\n<\/ul>\n\n\n\n<p>All of the above can be negatively impacted through changing ou default theme setup. Use caution when using the customizer.<\/p>\n<\/div><\/div>\n\n\n[feast_advanced_jump_to]\n\n\n<h2 id=\"step-one-enable-the-customizer\"   class=\"wp-block-heading\" >Step one: enable the customizer<\/h2>\n\n\n\n<p>To enable Feast settings in the Customizer, visit <strong>Admin &gt; Feast Plugin<\/strong>, enable it:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1704\" height=\"332\" fetchpriority=\"high\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-4.png\" alt=\"\" class=\"wp-image-120702\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-4.png 1704w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-4-360x70.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-4-720x140.png 720w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-4-1536x299.png 1536w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-4-180x35.png 180w\" sizes=\"(max-width: 1704px) 100vw, 1704px\" \/><\/figure>\n\n\n\n<p>This requires the <a href=\"https:\/\/feastdesignco.com\/update\/\">Foodie Pro 5 theme<\/a>.<\/p>\n\n\n\n<p>This enables options in <strong>Admin &gt; Appearances &gt; Customize<\/strong> to change fonts, colors, layouts, spacing and more, and <strong>creates a custom theme<\/strong> that we may not support. <\/p>\n\n\n\n<p>Feast supports our own prebuilt themes. We're not able to support issues arising from creating your own custom theme.<\/p>\n\n\n\n<p>Note that customizer settings are specific to your theme and will not carry over when you change themes.<\/p>\n\n\n\n<p>However, for sites with technically savvy owners, or who have third party support from a spouse, or companies like <a href=\"https:\/\/nerdpress.net\/\">Nerdpress<\/a>, <a href=\"https:\/\/imarkinteractive.com\/\">iMarkinteractive<\/a> or <a href=\"https:\/\/mikezielonka.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Mike Zielonka<\/a>, we've integrated options to create your own custom theme through the customizer.<\/p>\n\n\n\n<p>Note that the options and interface may change depending on whether you're using a standard theme, or Feast+.<\/p>\n\n\n\n<h2 id=\"fsri\"   class=\"wp-block-heading\" >FSRI<\/h2>\n\n\n\n<p>A number of settings are available to customize the FSRI block in the customizer:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"1394\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-2.png\" alt=\"\" class=\"wp-image-120647\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-2.png 480w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-2-360x1046.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-2-180x523.png 180w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/figure>\n<\/div>\n\n\n<div class=\"wp-block-group is-style-group-asterisk\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Note that this is the customizer, which applies site-wide, and not the block editor FSRI block options.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-style-group-lightbulb\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>This setting applies to both the content (eg. homepage, posts) as well as the sidebar. Because 80% of pageviews are mobile, <strong>you want to optimize the styling for a mobile view, which is 2-posts-wide<\/strong>.<\/p>\n<\/div><\/div>\n\n\n\n<p>Video: <\/p>\n\n\n\n<center><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/xpVqZlRmnoM?si=6OWVgHBaGGCFXK-N\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/center>\n\n\n\n<p>This includes: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>List Item Padding<\/strong>: this is the space between the image and the border of the listing item<\/li>\n\n\n\n<li><strong>FSRI Title Font<\/strong>: this defaults to the body font, but you can choose to match the heading fonts of the body font<\/li>\n\n\n\n<li><strong>FSRI Title Color<\/strong>: this is black (#000000) by default, but you can choose to match the link color or other colors - pay special attention to accessibility compliance<\/li>\n\n\n\n<li><strong>FSRI Title Padding<\/strong>: this is the spacing around the post name (but not the image)<\/li>\n\n\n\n<li><strong>FSRI Title Font Size<\/strong>: the default for this is the body font size, however you can increase this to make it more prominent. \n<ul class=\"wp-block-list\">\n<li><strong>IMPORTANT<\/strong>: it's critical this is checked on mobile and sidebar for layout.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>FSRI Title Font Size (sidebar)<\/strong>: the default for this is the sidebar font size, however you can increase this to make it more prominent. <\/li>\n\n\n\n<li><strong>FSRI Title Font Weight<\/strong>: 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<\/li>\n\n\n\n<li><strong>FSRI Title Font Case<\/strong>: default (as written in the post title), uppercase or lowercase<\/li>\n\n\n\n<li><strong>FSRI Grid Gap<\/strong> <strong>Horizontal<\/strong>: this is the horizontal spacing between posts being displayed<\/li>\n\n\n\n<li><strong>FSRI Grid Gap Vertical<\/strong>: this is the vertical spacing between posts being displayed<\/li>\n<\/ul>\n\n\n\n<h2 id=\"fsci\"   class=\"wp-block-heading\" >FSCI<\/h2>\n\n\n\n<p>A number of settings are available to customize the FSCI block: <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"1376\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-3.png\" alt=\"\" class=\"wp-image-120651\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-3.png 480w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-3-360x1032.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-3-180x516.png 180w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/figure>\n<\/div>\n\n\n<div class=\"wp-block-group is-style-group-asterisk\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Note that this is the customizer, which applies site-wide, and not the block editor FSCI block options.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-style-group-lightbulb\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>This setting applies to both the content (eg. homepage, posts) as well as the sidebar. Because 80% of pageviews are mobile, <strong>you want to optimize the styling for a mobile view, which is 2-categories-wide<\/strong>.<\/p>\n<\/div><\/div>\n\n\n\n<p>Video: <\/p>\n\n\n\n<center><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/FGfpm98Wqg8?si=5dgU38VvvWrw1y2z\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/center>\n\n\n\n<p>This includes: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>FSCI List Item Padding<\/strong>: this is the space between the image and the border of the listing item<\/li>\n\n\n\n<li><strong><strong>FSCI <\/strong>Title Font<\/strong>: this defaults to the body font, but you can choose to match the heading fonts of the body font<\/li>\n\n\n\n<li><strong><strong>FSCI <\/strong>Title Color<\/strong>: this is black (#000000) by default, but you can choose to match the link color or other colors - pay special attention to accessibility compliance<\/li>\n\n\n\n<li><strong><strong>FSCI <\/strong>Title Padding<\/strong>: this is the spacing around the post name (but not the image)<\/li>\n\n\n\n<li><strong><strong>FSCI <\/strong>Font Size<\/strong>: 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.<\/li>\n\n\n\n<li><strong><strong>FSCI <\/strong>Font Weight<\/strong>: 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<\/li>\n\n\n\n<li><strong><strong>FSCI <\/strong>Font Case<\/strong>: default (as written in the post title), uppercase or lowercase<\/li>\n\n\n\n<li><strong>FSCI Grid Gap Horizontal<\/strong>: this is the horizontal spacing between posts being displayed<\/li>\n\n\n\n<li><strong><strong>FSCI <\/strong>Grid Gap Vertical<\/strong>: this is the vertical spacing between posts being displayed<\/li>\n<\/ul>\n\n\n\n<h2 id=\"modern-menu\"   class=\"wp-block-heading\" >Modern Menu<\/h2>\n\n\n\n<div class=\"wp-block-group is-style-feast-feature-wrapper\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>See the <a href=\"https:\/\/feastdesignco.com\/kadence-tutorials\/\">Kadence Tutorials<\/a> if you're running a Kadence theme - the Modern Menu Customizer settings do not apply to Kadence themes.<\/p>\n<\/div><\/div>\n\n\n\n<p>A number of settings are available to customize the <a href=\"\/modern-menu\/\">Modern Menu<\/a>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"325\" height=\"869\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-7.png\" alt=\"\" class=\"wp-image-123761\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-7.png 325w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-7-180x481.png 180w\" sizes=\"auto, (max-width: 325px) 100vw, 325px\" \/><\/figure>\n<\/div>\n\n\n<p>This includes: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Menu Background Color<\/strong>: the background color for the menu, default white (#FFFFFF)<\/li>\n\n\n\n<li><strong>Menu Text Color<\/strong>: the color for the menu items, default black (#000000), this will also change the search and menu icon color<\/li>\n\n\n\n<li><strong>Menu Font Weight<\/strong>: how bold the menu items are, default 400, normal bold is 800, may not change if you have a custom font that's missing that specific bold<\/li>\n\n\n\n<li><strong>Menu Border Bottom Color<\/strong>: the border at the bottom of the menu, default grey (#CCCCCC), you can set this to the menu background color to blend it in<\/li>\n\n\n\n<li><strong>Menu Height<\/strong>: default 80px, making this too large can negatively affect ad viewability, and making it too small can negatively affect user experience<\/li>\n\n\n\n<li><strong>Disable Sticky Menu<\/strong>: the Modern Menu is sticky by default in order to enforce branding and help user navigation, but this can be disabled<\/li>\n<\/ul>\n\n\n\n<p>Note: most people upload logos with a white background, and will need to edit the logo offline and re-upload it if changing the background color<\/p>\n\n\n\n<h2 id=\"links\"   class=\"wp-block-heading\" >Links<\/h2>\n\n\n\n<div class=\"wp-block-group is-style-feast-feature-wrapper\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>See the <a href=\"https:\/\/feastdesignco.com\/kadence-tutorials\/\">Kadence Tutorials<\/a> if you're running a Kadence theme - the links Customizer settings do not apply to Kadence themes.<\/p>\n<\/div><\/div>\n\n\n\n<p>The link settings can be found in the <strong>Customizer &gt; Colors &amp; Fonts &gt; Links<\/strong>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"741\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-11.png\" alt=\"\" class=\"wp-image-124648\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-11.png 370w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-11-360x721.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-11-180x360.png 180w\" sizes=\"auto, (max-width: 370px) 100vw, 370px\" \/><\/figure>\n<\/div>\n\n\n<p>This enables setting the: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Link Color<\/strong>: sets the color of hyperlinks<\/li>\n\n\n\n<li><strong>Link Color Hover<\/strong>: sets the hover color of hyperlinks, note that this is not visible on mobile devices and shouldn't be relied on<\/li>\n\n\n\n<li><strong>Link Style<\/strong>: italic or normal (default)<\/li>\n\n\n\n<li><strong>Link Decoration<\/strong>: none, solid (default), double, dashed, dotted, waivy \n<ul class=\"wp-block-list\">\n<li>note that for accessibility purposes, none is not recommended<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Link Decoration Thickness<\/strong>: the thickness of the underline style<\/li>\n<\/ul>\n\n\n\n<p>Video: <\/p>\n\n\n\n<center><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/tHHGwd8-ucU?si=dgzFlOfc3cshNfLG\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/center>\n\n\n\n<p>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.<\/p>\n\n\n\n<p>It's important to make sure that your link color is accessibility compliant on any background color it appears on.<\/p>\n\n\n\n<h2 id=\"full-width-background-color\"   class=\"wp-block-heading\" >Full Width Background Color<\/h2>\n\n\n\n<p>The <a href=\"https:\/\/feastdesignco.com\/block-editor\/#full-width-group-block\">Feast Full Width group block<\/a> can be matched to your brand color site-wide.<\/p>\n\n\n\n<p>You can choose a background color to apply site-wide in <strong>Customizer &gt; Colors &amp; Fonts &gt; Colors<\/strong>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"516\" height=\"578\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-5.png\" alt=\"\" class=\"wp-image-123297\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-5.png 516w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-5-360x403.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-5-180x202.png 180w\" sizes=\"auto, (max-width: 516px) 100vw, 516px\" \/><\/figure>\n<\/div>\n\n\n<p>This should be a light color to avoid contrast issues with the text, link colors and buttons.<\/p>\n\n\n\n<div class=\"wp-block-group is-style-group-lightbulb\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p><strong>Note:<\/strong> for Feast+ users, the background color is automatically assigned to the Feast+ background color, and all necessary accessibility adjustments are automatically made. For Feast+, this is set in the Feast+ branding page and is not available in the customizer.<\/p>\n<\/div><\/div>\n\n\n\n<h2 id=\"footer-color\"   class=\"wp-block-heading\" >Footer Color<\/h2>\n\n\n\n<div class=\"wp-block-group is-style-feast-feature-wrapper\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>See the <a href=\"https:\/\/feastdesignco.com\/kadence-tutorials\/\">Kadence Tutorials<\/a> if you're running a Kadence theme - the Footer Color Customizer settings do not apply to Kadence themes.<\/p>\n<\/div><\/div>\n\n\n\n<p>If you have the <a href=\"https:\/\/feastdesignco.com\/feast-plugin-modern-footer\/\">Modern Footer<\/a> set up, you can choose a footer background color to apply site-wide in <strong>Customizer &gt; Colors &amp; Fonts &gt; Colors<\/strong>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"435\" height=\"490\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-9.png\" alt=\"\" class=\"wp-image-124344\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-9.png 435w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-9-360x406.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-9-180x203.png 180w\" sizes=\"auto, (max-width: 435px) 100vw, 435px\" \/><\/figure>\n<\/div>\n\n\n<h2 id=\"button-colors\"   class=\"wp-block-heading\" >Button Colors<\/h2>\n\n\n\n<div class=\"wp-block-group is-style-feast-feature-wrapper\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>See the <a href=\"https:\/\/feastdesignco.com\/kadence-tutorials\/\">Kadence Tutorials<\/a> if you're running a Kadence theme - the Button Customizer settings do not apply to Kadence themes.<\/p>\n<\/div><\/div>\n\n\n\n<p>The button color settings will set your WordPress button colors site-wide. WordPress buttons are often used in the sidebar, footer, and for the <a href=\"https:\/\/feastdesignco.com\/replace-jump-to\/\">Replace Jump To<\/a> feature.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"348\" height=\"394\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-6.png\" alt=\"\" class=\"wp-image-123671\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-6.png 348w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-6-180x204.png 180w\" sizes=\"auto, (max-width: 348px) 100vw, 348px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Button Background Color<\/strong>: the standard background color for the button<\/li>\n\n\n\n<li><strong><strong>Button Hover Background Color<\/strong><\/strong>: only applies on desktop, when the mouse hovers over the button<\/li>\n\n\n\n<li><strong>Button Text Color<\/strong>: the text color for the button, should meet minimum accessibility contrast ratio<\/li>\n\n\n\n<li><strong>Button Hover Text Color<\/strong>: only applies on desktop, when the mouse hovers over the button, should meet minimum accessibility contrast ratio against the button hover background color<\/li>\n<\/ul>\n\n\n\n<p>You can test the button color contrast for accessibility by plugging your website into <a href=\"https:\/\/wave.webaim.org\/\">https:\/\/wave.webaim.org\/<\/a><\/p>\n\n\n\n<div class=\"wp-block-group is-style-group-lightbulb\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p><strong>Note:<\/strong> for Feast+ users, the button color is automatically assigned to the Feast+ accent color, and all necessary accessibility adjustments are automatically made. For Feast+, this is set in the Feast+ branding page and is not available in the customizer.<\/p>\n<\/div><\/div>\n\n\n\n<h2 id=\"fonts\"   class=\"wp-block-heading\" >Fonts<\/h2>\n\n\n\n<div class=\"wp-block-group is-style-feast-feature-wrapper\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>See the <a href=\"https:\/\/feastdesignco.com\/kadence-tutorials\/\">Kadence Tutorials<\/a> if you're running a Kadence theme - the Fonts Customizer settings do not apply to Kadence themes.<\/p>\n<\/div><\/div>\n\n\n\n<p>The fonts settings can be found in the <strong>Customize &gt; Colors &amp; Fonts &gt; Typography<\/strong> (must be using <a href=\"https:\/\/feastdesignco.com\/update\/\">Foodie Pro 5<\/a>). 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.<\/p>\n\n\n\n<div class=\"wp-block-group is-style-feast-feature-wrapper\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"294\" height=\"795\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-8.png\" alt=\"\" class=\"wp-image-124339\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-8.png 294w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-8-180x487.png 180w\" sizes=\"auto, (max-width: 294px) 100vw, 294px\" \/><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<p>This includes options for: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Title \/ H1<\/strong>: font case, font weight, font size, alignment<\/li>\n\n\n\n<li><strong>Headings (H2-H6)<\/strong>: font case, font weight, font size, alignment<\/li>\n\n\n\n<li><strong>Breadcrumb (Yoast)<\/strong>: font case, font weight, font size, alignment<\/li>\n\n\n\n<li><strong>Post Info<\/strong>: font case, font weight, font size, alignment\n<ul class=\"wp-block-list\">\n<li>NOTE: review the <a href=\"https:\/\/feastdesignco.com\/disclosures-for-food-bloggers\/\">disclosures documentation<\/a> for FTC legal requirements around disclosures in the post info<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Body font<\/strong>: font size for most text, should be <a href=\"https:\/\/feastdesignco.com\/edit-body-font-size\/\">18px-20px for most fonts<\/a>, see this note on <a href=\"https:\/\/feastdesignco.com\/ads\/#font-size\">font size for ad optimization<\/a><\/li>\n\n\n\n<li><strong>Desktop Sidebar<\/strong>: font size adjustment for the sidebar, but only on desktop (mobile should match the body content)<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group is-style-feast-inline-heading-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" id=\"h-tip\">Tip<\/h3>\n\n\n\n<p>Font weight is the \"boldness\", where 400 = normal text, and 700 = regular bold. Setting the title or heading to 800 or 900 is a simple way to further distinguish headings.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-style-group-lightbulb\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Pay special attention to the font weights if using non-web-safe fonts (eg. Google Fonts) as they may simply not be available.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The customizer allows changing certain parts of a theme or plugin, changing your site from our prebuilt theme to your own custom theme. This will not and cannot provide every possible change you'll ever want to make, and anything not covered here will require hiring a developer. Using the customizer breaks our theme setup that...<\/p>\n","protected":false},"author":1827,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[91],"tags":[6231],"class_list":["post-44546","post","type-post","status-publish","format-standard","hentry","category-design-and-appearance","tag-documentation"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Customizer - Feast Design Co.<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/feastdesignco.com\/customizer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customizer\" \/>\n<meta property=\"og:description\" content=\"The customizer allows changing certain parts of a theme or plugin, changing your site from our prebuilt theme to your own custom theme. This will not and cannot provide every possible change you&#039;ll ever want to make, and anything not covered here will require hiring a developer. Using the customizer breaks our theme setup that...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/feastdesignco.com\/customizer\/\" \/>\n<meta property=\"og:site_name\" content=\"Feast Design Co.\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/feastdesignco\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-13T13:59:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-16T19:46:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-4.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1704\" \/>\n\t<meta property=\"og:image:height\" content=\"332\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Skylar\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Skylar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/customizer\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/customizer\\\/\"},\"author\":{\"name\":\"Skylar\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#\\\/schema\\\/person\\\/28edb20a81f10b62443c21ec80186098\"},\"headline\":\"Customizer\",\"datePublished\":\"2020-02-13T13:59:05+00:00\",\"dateModified\":\"2026-01-16T19:46:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/customizer\\\/\"},\"wordCount\":1689,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/customizer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/image-4.png\",\"keywords\":[\"Documentation\"],\"articleSection\":[\"Food Blog Design and Appearance\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/feastdesignco.com\\\/customizer\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/customizer\\\/\",\"url\":\"https:\\\/\\\/feastdesignco.com\\\/customizer\\\/\",\"name\":\"Customizer - Feast Design Co.\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/customizer\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/customizer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/image-4.png\",\"datePublished\":\"2020-02-13T13:59:05+00:00\",\"dateModified\":\"2026-01-16T19:46:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/customizer\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/feastdesignco.com\\\/customizer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/customizer\\\/#primaryimage\",\"url\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/image-4.png\",\"contentUrl\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/image-4.png\",\"width\":1704,\"height\":332},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/customizer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/feastdesignco.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Food Blog Design and Appearance\",\"item\":\"https:\\\/\\\/feastdesignco.com\\\/category\\\/design-and-appearance\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Customizer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#website\",\"url\":\"https:\\\/\\\/feastdesignco.com\\\/\",\"name\":\"Feast Design Co.\",\"description\":\"WordPress Themes for Food &amp; Lifestyle Bloggers\",\"publisher\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/feastdesignco.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#organization\",\"name\":\"Feast Design Co.\",\"url\":\"https:\\\/\\\/feastdesignco.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2016\\\/10\\\/feast_script.jpg\",\"contentUrl\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2016\\\/10\\\/feast_script.jpg\",\"width\":800,\"height\":800,\"caption\":\"Feast Design Co.\"},\"image\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/feastdesignco\\\/\",\"https:\\\/\\\/x.com\\\/feastdesignco\",\"https:\\\/\\\/www.instagram.com\\\/feastdesignco\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#\\\/schema\\\/person\\\/28edb20a81f10b62443c21ec80186098\",\"name\":\"Skylar\",\"sameAs\":[\"https:\\\/\\\/feastdesignco.com\\\/about-skylar-bowker\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Customizer - Feast Design Co.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/feastdesignco.com\/customizer\/","og_locale":"en_US","og_type":"article","og_title":"Customizer","og_description":"The customizer allows changing certain parts of a theme or plugin, changing your site from our prebuilt theme to your own custom theme. This will not and cannot provide every possible change you'll ever want to make, and anything not covered here will require hiring a developer. Using the customizer breaks our theme setup that...","og_url":"https:\/\/feastdesignco.com\/customizer\/","og_site_name":"Feast Design Co.","article_publisher":"https:\/\/www.facebook.com\/feastdesignco\/","article_published_time":"2020-02-13T13:59:05+00:00","article_modified_time":"2026-01-16T19:46:13+00:00","og_image":[{"width":1704,"height":332,"url":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-4.png","type":"image\/png"}],"author":"Skylar","twitter_misc":{"Written by":"Skylar","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/feastdesignco.com\/customizer\/#article","isPartOf":{"@id":"https:\/\/feastdesignco.com\/customizer\/"},"author":{"name":"Skylar","@id":"https:\/\/feastdesignco.com\/#\/schema\/person\/28edb20a81f10b62443c21ec80186098"},"headline":"Customizer","datePublished":"2020-02-13T13:59:05+00:00","dateModified":"2026-01-16T19:46:13+00:00","mainEntityOfPage":{"@id":"https:\/\/feastdesignco.com\/customizer\/"},"wordCount":1689,"commentCount":1,"publisher":{"@id":"https:\/\/feastdesignco.com\/#organization"},"image":{"@id":"https:\/\/feastdesignco.com\/customizer\/#primaryimage"},"thumbnailUrl":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-4.png","keywords":["Documentation"],"articleSection":["Food Blog Design and Appearance"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/feastdesignco.com\/customizer\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/feastdesignco.com\/customizer\/","url":"https:\/\/feastdesignco.com\/customizer\/","name":"Customizer - Feast Design Co.","isPartOf":{"@id":"https:\/\/feastdesignco.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/feastdesignco.com\/customizer\/#primaryimage"},"image":{"@id":"https:\/\/feastdesignco.com\/customizer\/#primaryimage"},"thumbnailUrl":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-4.png","datePublished":"2020-02-13T13:59:05+00:00","dateModified":"2026-01-16T19:46:13+00:00","breadcrumb":{"@id":"https:\/\/feastdesignco.com\/customizer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/feastdesignco.com\/customizer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/feastdesignco.com\/customizer\/#primaryimage","url":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-4.png","contentUrl":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/02\/image-4.png","width":1704,"height":332},{"@type":"BreadcrumbList","@id":"https:\/\/feastdesignco.com\/customizer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/feastdesignco.com\/"},{"@type":"ListItem","position":2,"name":"Food Blog Design and Appearance","item":"https:\/\/feastdesignco.com\/category\/design-and-appearance\/"},{"@type":"ListItem","position":3,"name":"Customizer"}]},{"@type":"WebSite","@id":"https:\/\/feastdesignco.com\/#website","url":"https:\/\/feastdesignco.com\/","name":"Feast Design Co.","description":"WordPress Themes for Food &amp; Lifestyle Bloggers","publisher":{"@id":"https:\/\/feastdesignco.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/feastdesignco.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/feastdesignco.com\/#organization","name":"Feast Design Co.","url":"https:\/\/feastdesignco.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/feastdesignco.com\/#\/schema\/logo\/image\/","url":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2016\/10\/feast_script.jpg","contentUrl":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2016\/10\/feast_script.jpg","width":800,"height":800,"caption":"Feast Design Co."},"image":{"@id":"https:\/\/feastdesignco.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/feastdesignco\/","https:\/\/x.com\/feastdesignco","https:\/\/www.instagram.com\/feastdesignco\/"]},{"@type":"Person","@id":"https:\/\/feastdesignco.com\/#\/schema\/person\/28edb20a81f10b62443c21ec80186098","name":"Skylar","sameAs":["https:\/\/feastdesignco.com\/about-skylar-bowker"]}]}},"taxonomy_info":{"category":[{"value":91,"label":"Food Blog Design and Appearance"}],"post_tag":[{"value":6231,"label":"Documentation"}]},"featured_image_src_large":false,"author_info":{"display_name":"Skylar","author_link":"https:\/\/feastdesignco.com\/author\/skylar\/"},"comment_info":1,"category_info":[{"term_id":91,"name":"Food Blog Design and Appearance","slug":"design-and-appearance","term_group":0,"term_taxonomy_id":91,"taxonomy":"category","description":"","parent":0,"count":51,"filter":"raw","cat_ID":91,"category_count":51,"category_description":"","cat_name":"Food Blog Design and Appearance","category_nicename":"design-and-appearance","category_parent":0}],"tag_info":[{"term_id":6231,"name":"Documentation","slug":"documentation","term_group":0,"term_taxonomy_id":6231,"taxonomy":"post_tag","description":"Documentation is designed to provide information, but is not related to setting up the site. For instructions on setting up the site, see the Tutorials.","parent":0,"count":22,"filter":"raw"}],"_links":{"self":[{"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/posts\/44546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/users\/1827"}],"replies":[{"embeddable":true,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/comments?post=44546"}],"version-history":[{"count":6,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/posts\/44546\/revisions"}],"predecessor-version":[{"id":130729,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/posts\/44546\/revisions\/130729"}],"wp:attachment":[{"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/media?parent=44546"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/categories?post=44546"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/tags?post=44546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}