Add widget area to home page of Outreach Pro

[Theme Concepts]

Hello everyone

I need to add an extra widget area to the home page of the Outreach Pro child theme.

It needs to appear below the 'bottom' widget and have two columns rather than 4. I also need to amend the 'bottom' widget to show three columns and not 4.

Can anybody suggest a tutorial or provide the suitable coding?

Thanks in advance

Mike

---

Help and support installing and configuring WordPress themes, visit Theme Concepts

http://www.mikecottam.net

[Porter]

The first step is to register the widget areas, which you can do by following this tutorial:

Register Widget Areas

The second step would be supplying the proper CSS / classes when you actually display the widget area, specifically here in the above tutorial's code:

'before' => '<div class="after-post widget-area">',
			'after' => '</div>',

That's basically wrapping your new widget area in a CSS class, so "after-post widget-area" can be any class / classes you need to provide to get the widget area displaying where you need it.

As for changing the bottom widget area to have three columns rather than 4, that's likely pertaining the CSS classes provided for that widget area, which you can find by inspecting it in your browser (right click > inspect element), and then look that up in style.css to see what's provided. If you need to change the classes, you can likely see the registration of these widget areas in functions.php, done in the same fashion you're about to with your new ones, so simply swap out the classes in the above code area to what you would need to change it from four to three.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[Theme Concepts]

Resolved, thanks Porter.

---

Help and support installing and configuring WordPress themes, visit Theme Concepts

[Author]

Posts