• Menu
  • Skip to right header navigation
  • Skip to primary navigation
  • Skip to secondary navigation
  • Skip to content
  • Skip to primary sidebar
  • Skip to footer

Philip Gledhill

WordPress | Genesis Framework | StudioPress

  • Search
  • Home
  • Genesis Newbie
  • Setup Wizard
  • Genesis Geek
  • Resources
  • Blog
  • Search
  • Home
  • Genesis Newbie
  • Setup Wizard
  • Genesis Geek
  • Resources
  • Blog
  • Content
  • Beaver Builder
  • CSS
  • WooCommerce
  • WP Tutorial
  • Contact
  • Specific Themes
  • Find it
  • 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 / Foodie Pro Overview

Foodie Pro Overview

Foodie Pro: Customizing Your Theme

In this video and tutorial I’m going to show you how I set up Foodie Pro to look like this…

P.S. If you’re new to WordPress check out my basic tutorials.

Customizing Foodie Pro Theme

To follow along you’ll need basic WordPress skills.

What will you be able to do after watching this tutorial?

  • Logo: Add an image logo to the header.
  • Main bg color: Change the main background color of the site.
  • Navbar: Change the color of the navigation bar text and borders.
  • Mailing List: Change the color of the Top Bar and the mailing list sign up box.
  • Footer bg: Change the color of the Footer background and the Recipe Top widget area background.
  • Fonts: Choose the font style, size and font color.
  • Links: Choose the color of text links.
  • Grid Layouts: Use several different grid style layouts on the front page, using photos.

I did most of this using the Foodie Pro point and click settings.

But there were a few things I need to use code for. I’ll provide the code snippets I used so you can use them on your site too, if you wish.

This is a list of changes I needed code for…

  • Add a margin between the top bar (Before Header Widget Area) and the main website.
  • Change the colors of the Widget Titles in the Footer and Recipe Widget Areas.
  • Change the background color of the drop down link in the main navigation bar.

I changed everything else using Foodie Pro’s built in Point and Click Customize options.

Filed Under: Foodie Pro, Specific themes By: //  by Philip Gledhill

Keep in touch?

I'm constantly discovering new stuff about Genesis, StudioPress and WordPress. If you want to keep up to date with my latest news and info, sign up below...

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

Primary 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
Download the Foodie Pro code snippets used in this tutorial

The #1 best selling theme on StudioPress

Footer

Web Hosting

If you’re in the market for premium web hosting from a team you trust why not checkout StudioPress Sites. 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

Site Footer

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 © 2019 Philip Gledhill · Privacy policy and disclosure