How do I create a 4-column footer using widgets?

beachsand14
(@beachsand14)

9 years, 4 months ago

Hi

First, a late Happy New Year to all.

I need help to create a 4-column footer using a widget as shown in the “Desired Result” screenshot.

So far, I followed a tutorial (see “Tutorial” link) and ended up with a horizontal footer menu (See “Current Result” screenshot). Any help is greatly appreciated and I would love to see a video about this if possible.

Current Result
https://s28.postimg.org/nmmwg9jzh/Current_Result.png

Desired Result
https://postimg.org/image/4ureadjjz/

Tutorial
https://dandelionwebdesign.com/footer-menu/

Viewing 5 replies - 1 through 5 (of 5 total)

congthien
(@congthien)

9 years, 4 months ago

Hi @beachsand14,

Unfortunately we don’t have any widgets in footer. However you can use this plugin :
https://ww.wp.xz.cn/plugins/custom-sidebars/

then use this function to display where you want :
https://codex.ww.wp.xz.cn/Function_Reference/dynamic_sidebar

Hope it helps!

Thread Starter beachsand14
(@beachsand14)

9 years, 4 months ago

Cheers @congthien

I decided to use HTML and CSS to create the custom footer because I don’t like using plugins much. Do you know any tutorial for this? I already have HTML and CSS to implement this 4 column footer. However, I am unsure of a few things.

1. Can I insert basic HTML in footer.php?
2. Do I need to add to functions.php?

Cheers
BJ

congthien
(@congthien)

9 years, 4 months ago

Hi @beachsand14,

Sorry for late. We’ve just finished the Lunar New Year holiday.

In this case, I strongly recommend you should copy the footer.php into child theme :
https://github.com/FameThemes/onepress-child

then insert the basic HTML in that file.

Cheers!

Thread Starter beachsand14
(@beachsand14)

9 years, 4 months ago

Thanks @congthien. I’ll try it out. Happy Lunar New Year

How come you want me to visit that link?

Cheers
Brody
Thread Starter beachsand14
(@beachsand14)

9 years, 4 months ago
Hi @congthien

I have a small issue that maybe very easy for you to advise on. In the below screenshot, I’m unable to move the footer overlapping the dark footer. How do move the footer menu up?

I have only added HTML to bottom page of footer.php and CSS to style.css

Screenshot: https://qph.ec.quoracdn.net/main-qimg-dd5372a508d171edefacbfd08f55ca67

Cheers
BJ
- This reply was modified 9 years, 4 months ago by beachsand14.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘How do I create a 4-column footer using widgets?’ is closed to new replies.

Tags