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

WP SITES

2966

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Subscriptions
  • 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

    Reply
    • Brad Dalton says

      July 28, 2017 at 9:55 pm

      You’re welcome Edwin.

      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! 🙂

    Reply
    • Brad Dalton says

      September 18, 2016 at 5:52 pm

      Great!

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Code written by Brad Dalton specialist for Genesis & WooCommerce.

Advertise · WPEngine · Genesis · Log in

  • Account
  • Consulting
  • Post Tags
  • Contact
  • Terms
  • Monthly Membership
  • Yearly Subscriptions
  • Log in