• Skip to main content
  • Skip to header right navigation
  • Skip to after header navigation
  • Skip to site footer

WP Engine hosting includes Genesis and 35 of the StudioPress themes!

Philip Gledhill

WordPress | Genesis Framework | StudioPress

  • Search
  • Home
  • Genesis Newbie
  • Setup Wizard
  • Genesis Geek
  • Resources
  • Blog
  • Content
  • Beaver Builder
  • CSS
  • WooCommerce
  • WP Tutorial
  • Contact
  • Specific Themes
  • Find it
You are here: Home / Foodie Pro / Adding an image logo to Foodie pro

Adding an image logo to Foodie pro

On this page I will Change the color of the Site Title and then upload an image logo to Foodie Pro to replace the text version of the Site Title.

Change the color of the Site Title text in Foodie Pro

By default, WordPress uses a text logo for your site. To change the text color of your Site Title in Foodie Pro is easy.
Go to…

  • Appearance > Customize > Colors
  • Click the: Site Title Color, button.
  • Choose a color.

Appearance Customize Foodie Pro

 

Customize Colors Foodie Pro

 

Customize Site Title Color Foodie Pro

 

The Tagline

The text that displays below the site title is called the tagline. The color of the tagline text is set using the Text Color option in…
Appearance > Customize > Colors: Text Color

So in Foodie Pro your tagline is the same color as the main body text of your web pages. This is usually Grey or Black.

Upload an Image Logo to Foodie Pro

Replacing the site title TEXT with an IMAGE logo.

Logo size 800×340 pixels
First you’ll need an image logo of exactly the right size. If your logo is not exactly 800×340 pixels it will be cropped by WordPress. So remember, your logo must be exactly 800×340 pixels if you want it to display properly.

Why such a big logo?
The reason you need the large logo image is so WordPress can display a crisp clear image on retina screens. Your logo will never actually display at it’s full size.

Before uploading your logo image

First you must remove the Site Title text and tagline text.
In the WordPress Dashboard got to…

  • Appearance > Customize > Site Identity
  • Remove the tick from the Display Site Title and Tagline tick box.
  • Ignore the Site Icon image option for now. This is nothing to do with your logo!

Site Identity Foodie Pro

Now you can add your logo to Foodie Pro. Go to…

  • Appearance > Customize > Header Image
  • Click: Add New Image
  • Upload an image from your computer
  • Make sure you click the blue: Crop Image button

Add New Header Image Foodie Pro

Don’t forget to click the Save and Publish button and close the customizer.
If your logo looks too big, or you can see the text AND the image logo. Make sure you followed the first step above. That removes the text title and tagline (the Site Identity).

With the help of Foodie Pro, your site is now starting to take shape.

Category: Foodie Pro

About Philip Gledhill

Philip helps small and medium service businesses build and maintain clean, minimalist, professional looking websites. He loves clear, concise, customer focused content, and websites that are easy to navigate. His motto is focus on your customer and keep it simple.

Previous Post: « Sticky Header or Menu in Genesis
Next Post: Foodie Pro code snippets »

Sidebar

FoodieProTutorialsI hope these tutorials will help you get up to speed with Foodie Pro fast. All of these tutorials contain affiliate links.

Foodie Pro Custom Settings

  • Foodie Pro Overview
  • Adding an image logo to Foodie pro
  • Foodie Pro background Color and Background Image
  • Before Header and Genesis eNews Extended colors in Foodie Pro
  • Footer and Recipe Top background colors in Foodie Pro
  • Changing the Navbar Colours in Foodie Pro
  • Font Colors and Typography in Foodie Pro
  • Widget areas in Foodie Pro
  • Foodie Pro – Featured Posts widget
  • Foodie Pro code snippets
StudioPress themes Free with this hosting.
Download the Foodie Pro code snippets used in this tutorial

The #1 best selling theme on StudioPress

Looking for a StudioPress theme or hosting?

Check out the two links below…

Get Genesis Framework & StudioPress Themes free.

When you sign up for a WP Engine plan, you receive the Genesis Framework and 36 StudioPress Themes free. That’s over $2,000 in value.

Free themes with hosting
Get Premium WordPress Themes

Buy a StudioPress theme outright and use it on all of your sites. There are three ways to get all of the StudioPress themes AND save.

Choose Your Theme

Web Hosting

If you’re in the market for premium web hosting from a team you trust why not checkout WP Engine. It’s designed to be Fast, Secure & Worry Free!

Site Map

Site Map: if you can’t see what you’re looking for read through my sitemap, it may well be there :-)

  • Search
  • Home
  • Genesis Newbie
  • Setup Wizard
  • Genesis Geek
  • Resources
  • Blog

This website is independently owned by an affiliate marketer of StudioPress. It is not sponsored by StudioPress, WP Engine, Copyblogger Media LLC, WordPress, or Automattic Inc. WordPress, Genesis, StudioPress and WP Engine, are registered trademarks of their respective owners.

Copyright © 2021 Philip Gledhill · Privacy policy and disclosure

© Copyright Philip Gledhill

Return to top