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

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Add New Full Width Widget To Wellness Pro Front Page 1 Widget Area

This tutorial provides the code which enables you to add another widget to the front page 1 widget area in the Wellness Pro child theme by StudioPress.

This tutorial has ben written based on a question a member asked via Facebook messaging.

Hi there. I’m developing a site with the Wellness Pro theme. I am looking at the possible layout configurations for the front page widget areas. However, I need a configuration which isn’t there. See the following image to demonstrate what I need on one of the widget areas…

I need to have a title widget across the top of three equal width widgets below. Can this be done at all, please? Thanks again for your time.

We can simply add a new widget area before the front page 1 widget area like you see in the following screenshot :

Here’s the code modifications and additions which you need to follow.

Code Installation

There’s 2 steps :

Step 1 : Modify the front-page.php file in Wellness Pro so it looks like this :

Step 2 : Add the following CSS to the end of the style.css file and adjust accordingly :

.full-width .image-section .flexible-widgets .widget, 
.full-width .image-section .flexible-widgets .wrap {
    padding-bottom: 0;
    margin-bottom: 0;
}

.full-width .image-section .flexible-widgets.widget-full .widget_text {
    margin: 0 auto 0;
    max-width: none;
}

You can add the CSS to the css > style-front.css or style.css file in Wellness Pro.

Wellness Pro Theme

Reader Interactions

Comments

  1. Michele Smith says

    March 5, 2018 at 6:32 am

    Hey Brad. I need help on Wellness Pro theme. My client wants his logo at top and then 3 smaller logos underneath for Better Business Bureau, Manufacturer’s website, Financing logo. All the smaller logos need to link to other sites. How can I add that to Wellness pro theme right under the main logo. He wanted the main logo larger as well.

    thanks for your help!

    Log in to Reply
    • Brad Dalton says

      March 5, 2018 at 6:08 pm

      What size are the logos? And in what configuration?

      Try this tutorial https://wpsites.net/web-design/add-3-images-inline-after-header-image-within-the-site-header/

      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
 

Loading Comments...
 

You must be logged in to post a comment.