How Do I Reduce The Default Footer Widgets On NewsPro Theme From 6 to 4?

[Notopoverty]

Hello,

I am currently working on a project and as at present, I'm completely stuck...any help from more experienced hands would be greatly appreciated.

How do I reduce the default 6 footer widgets available on the NewsPro theme to a lesser number, say 4?

Once again, any help would be greatly appreciated.

[Erik D. Slater]

Pop into functions.php.

Look for the following:

//* Add support for 6-column footer widgets
add_theme_support( 'genesis-footer-widgets', 6 );

Change the 6 to your happy number 🙂

---

Erik D. Slater: Digital Platform Consultant • LinkedIn

[Notopoverty]

Thanks a million for the response, Erik - much appreciated.

I now have only 4 footer widgets (my magic number 🙂 ). However, the widgets are clustered to the left and not proportionally spaced. Any code/tip to tackle that?

Once again, my sincere appreciation in anticipation to your response...

[Erik D. Slater]

Yep, that'll be a CSS thing ... since your theme was configured to use 6 footer widgets.

What's your link?

---

Erik D. Slater: Digital Platform Consultant • LinkedIn

[Notopoverty]

Once again, I sincerely appreciate your time.

Here's the troublesome URL: http://notopoverty.net.

[Erik D. Slater]

I played around with your footer widgets (so to speak!!), but the original News Pro footer widgets have a certain layout, i.e. the last widget is the newsletter ... which gives the illusion that all the widgets are neatly arranged with the same spacing between them ... when actually, they are not (all to do with right margins).

Here are a couple of changes to start with ... to see what you think ... which gets things aligned consistently (a bit like Executive Pro) ... so look for the following code in your style.css file:

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4,
.footer-widgets-5,
.footer-widgets-6 {
	width: 160px;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4 {
	margin-right: 20px;
}

- change width: 160px; to width: 25%;
- change margin-right: 20px; to padding: 20px;

The reason why News Pro and Executive Pro work is because of the layout of the last column ... where they have some kind of form.

Anyway, this is just for starters to see what you think ... before we sort out all the responsive stuff.

---

Erik D. Slater: Digital Platform Consultant • LinkedIn

[Notopoverty]

My thanks for your time, Erik. However, things are not yet aligned proportionally. Could you take a look?

[Erik D. Slater]

I can see you changed your CSS file ... but right now, your footer widgets have disappeared ...

---

Erik D. Slater: Digital Platform Consultant • LinkedIn

[Author]

Posts