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

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Add More Widget Areas for Solid & Image Sections To Cafe Pro Front Page

This tutorial shows you how to replicate widget areas for both solid and image sections in the Cafe Pro themes front page template.

Demo Video

The 2 new widget areas are named front page 5 and front page 6.

Front page 5 is the same as front page 1 and uses the existing solid-section class for styling.

Front page 6 is the same as front page 2 and uses the existing image-section class for styling. This new image section also enables you to add a unique background image using the WordPress customizer. You can also add a default background image to your child themes images folder.

Here’s the modified code snippets and instructions about how & where to change the code for members:

Register for full access

Cafe Pro Theme

Reader Interactions

Comments

  1. Edwin Torralba says

    July 28, 2017 at 9:52 pm

    Thank you for this wonderful tutorial, it opened a lot of possibilities that I can offer to my client. God bless

    Log in to Reply
    • Brad Dalton says

      July 28, 2017 at 9:55 pm

      You’re welcome Edwin.

      Log in to Reply
  2. JaxKat says

    September 18, 2016 at 5:44 pm

    Thanks for the great tutorial! Lines were quite a bit different and I was not able to find the code that needed to be added for page 6 (line 1773) anywhere in our style.css, but my admittedly very uneducated guess is the version of Cafe Pro we are running, had that changed to “odd” and “even”? Either way, it worked perfectly! 🙂

    Log in to Reply
    • Brad Dalton says

      September 18, 2016 at 5:52 pm

      Great!

      Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags