• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Feast Design Co.

WordPress Themes for Food & Lifestyle Bloggers

  • Themes
  • Feast Plugin
  • Blog
  • Support
  • Tutorials
  • Nav Social Menu

    • Email
    • Facebook
    • Instagram
    • Twitter
menu icon
go to homepage
  • Feast Plugin
  • Support
  • Tutorials
  • Account
    • Facebook
    • Instagram
    • Twitter
  • search icon
    Homepage link
    • Feast Plugin
    • Support
    • Tutorials
    • Account
    • Facebook
    • Instagram
    • Twitter
  • ×

    Home » How To Customize Your WordPress Themes » Foodie Pro Classic Tutorials

    How to Add a Logo to Foodie Pro 3.0

    Note: This tutorial is outdated for Foodie Pro version 3.1.5 and newer, see: Rethinking the Header and the logo tutorial

    • To display a logo in your header instead of your site title,  navigate to Appearance > Customize and find the Header Image option in the customizer to upload your logo, which should be roughly 320 x 100 pixels.
    • Click on Add New Image and either select your header image from your Media Library or upload the image to the Media Library and click Select and Crop.
    • Crop the image to your liking or skip cropping if you have already prepared your image before uploading (recommended).
    • Don't forget to click Save and Publish!
    • Note: your image will display at exactly the quality and size you upload it at, so upload a high quality image

    Stylized Logos

    The Foodie Pro logo is a handwritten, stylized logo - it is not made using a font. You can outsource this sort of thing via gig sites like:

    • https://www.etsy.com/ca/market/handwritten_logo
    • https://www.fiverr.com/search/gigs?query=handwritten%20logo

    You can also simply use a logo generator to get a close-enough result, from sites like:

    • https://www.brandcrowd.com/maker/logo/
    • https://www.brandcrowd.com/maker/tag/handwritten

    You can also see our tutorial on how to create a logo.

    Retina Logos

    In the past, we recommend "retina logos", which was an image at double the pixels you wanted it to display at. As the web has changed, it's become more important to have images that are small and therefore download quicker, and optimized for mobile, which are generally much smaller screen sizes.

    Mobile makes up roughly 80% of pageviews for most food blogs, and this makes sense, because people often search for recipes on their downtime, or while at the grocery store. A good chunk of traffic for food blog often comes from Pinterest, which people tend to use disproportionately on their mobile devices.

    Finally, mobile devices aren't always connected to wifi, which means they're running on a slower mobile connection, which is metered (you only typically have a few GB of monthly bandwidth). Small images are essential for pagespeed purposes.

    All these factors combined means that it's far more important to have a small header than it is to have a pixel-perfect "retina" logo on desktop. The oversized headers of food blogs of 2016 are gone. Modern logos are are small so that they respect the devices your visitors use, and unobtrusive, so that they don't take up valuable above-the-fold screen real estate.

    Primary Sidebar

    How To Customize Your WordPress Themes

    • How to Create Multiple Recipe Index Pages
    • How to Set a Favicon
    • Plugins to Install
    • How to Change the Header Size
    • How to Change the Background Color of the Genesis eNews Widgets
    • Font Size for Food Blogs
    • Why is troubleshooting so complex?
    • How to Launch Your Food Blog
    • Add a Before Entry Widget Area
    • Recipe Index: Content Configuration (Cravings Pro + Seasoned Pro)
    • How Do I Set Up My Navigation Menu?
    • Can I Use Multiple Recipe Index Pages?
    • How Do I Update the Theme Version? (without the Feast Plugin)
    • Remove Search Box from Navigation Menu
    • How to Add the Visual Category Page Index
    • Customization Library
    • Setup a secondary navigation menu
    • How to clear your cache
    • Troubleshoot Plugin Conflicts
    • How to Add the Featured Posts Category Index
    • Food Blog Home Page Pagination
    • Cravings Pro Theme: Setup Your Navigation Menu
    • Why we're not supporting Gutenberg Oversized Images
    • Install Theme, and Import Demo Content and Widgets
    • How to change change your footer
    • Seasoned Pro Classic Tutorials
    • Manually Disable Google Fonts
    • Image Alt Tags
    • Why we don't support the read more tag
    • Pinterest for Food Bloggers
    • How to Create Multiple Recipe Index Pages
    • WordPress Settings
    • Foodie Pro Classic Tutorials
      • Foodie Pro 3.0 FAQ
      • How to Configure the Foodie Pro Classic Home Page
      • How Can I Update to Version 3.0?
      • How to Configure the Foodie Pro Recipe Index
      • How to Add a Logo to Foodie Pro 3.0
      • Configure the Foodie Pro Footer Widgets
      • Adding Social Icons to Foodie Pro Navigation Menu
      • How to Change the Header Size in Foodie Pro 3.0
      • Custom Fonts with Foodie Pro
    • Brunch Pro Classic Tutorials
    • Cook'd Pro Classic Tutorials
    • Cravings Pro Classic Tutorials
    • All About Featured Images
    • FAQ for All Themes
    • Add Google Analytics Tracking Code
    • Customization Referrals
    • Genesis Child Themes
    • Enable SSL for HTTPS on your Food Blog
    • How to Start a Food Blog
    • Set Up Your WooCommerce Shop
    • The parent theme could not be found. You will need to install the parent theme, genesis, before you can use this child theme
    • Food Blog Theme Features Comparison
    • Translation + Multi Language Support
    • Use Inspect Element to troubleshoot styles

    Free 5-Day Branding Design Challenge

    With this actionable 5-part challenge, you'll have just the digital design strategies you need for a profitable website... and best of all, it's free. Signup and get your first challenge delivered immediately!

    Footer

    ↑ back to top

    Topics

    • Food Blog Design and Appearance
    • Productivity
    • Tech and Plugins
    • Food Blogging and Promotion
    • Minimalist WordPress Themes
    • Simple WordPress Themes
    • Travel blogs
    • Knitting + DIY blogs

    Help

    • Documentation & Tutorials
    • Food Blogging Resources
    • Open A Support Ticket
    • Login
    • Your Account
    • Subscriptions
    • Downloads
    • Discounts and Coupons
    • Compatibility

    Company

    • Subscribe to newsletter
    • Privacy Policy
    • Refund policy
    • Terms & Conditions
    • Principles and Best Practices
    • Affiliates
    • Contact

    Copyright © 2023 · 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.