• 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 / Foodie Pro code snippets

Foodie Pro code snippets

Do you want to use my Foodie Pro code snippets? I made three Code Snippets for this Foodie Pro tutorial. They enable you to add a few finishing touches to the site. I’ve only used code snippets for the things Foodie Pro’s point and click settings can’t do.

First decide if you need to use any of my Foodie Pro code snippets.

You will only need to use these code snippets if you…

  • Use a dark background color for the footer widget area. Or…
  • You want to change navigation bar drop down links hover color. Or…
  • You tick the: Show Category Archive Links, tick box. In the Featured Post widget settings. Or…
  • You want to add padding above and below the main site

This is how you use the code snippets

Footer bg color

Did you change the background color of the Footer widget area?
This is called the Accent setting in Foodie Pro
Dashboard > Appearance > Customize: Accent Background Color

If you did change the Footer background color…
Paste the Footer Code Snippet in to your stlye.css file. Make sure you paste the snippet at the very bottom of the existing code.

The code snippet will make headlines and text links in the Footer widget area and the Recipe Top widget area white.

Recipe top widget area in Foodie Pro

Footer widget area in Foodie Pro

Show Category Archive Links

Did you click the, Show Category Archive Links, tick box?
The Featured Post widget has a tick box that lets you add a link to category pages. This link displays beneath the content of your featured posts widget.

The Category Archive Link in Foodie Pro

BUT! Be careful. This only applies to category archive page links. Not to ordinary More Tag links. So remember. This is only relevant if you tick the: Show Category Archive Links, tick box. This is the very bottom option in the Foodie Pro – Featured Posts widget.

Many people never use this option. If you don’t tick the: Show Category Archive Links, tick box, you will not need this code snippet.

You only need this code snippet if your read more links are two different colors.

For instance, if you look carefully at the two links below, one is green and one is black.

Foodie Pro read more link color

Foodie Pro Category Archive link color

Navbar drop down background color

Do you want to change the color of the drop down links in the Foodie Pro navbar? If you do you will have to change the colors in this code snippet, then paste the snippet at the bottom of your style.css file.

The code snippet uses two colors, white and grey. Just type in your own colors or use the hexadecimal code if you know what that is. If you use the code option, make sure you include the hash sign before the code. For instance #ff000 is red. If you type in the word such as red, green or blue you don’t need the # hash sign.

Foodie Pro navbar drop down background color

Padding above and below the main site

This code snippet adds some padding between the top widget area and the main body of the Foodie Pro site.

Foodie Pro padding above the main site area

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: « Widget areas in Foodie Pro
Next Post: Getting Google Fonts code for a Genesis child theme »

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