Footer issue – how to improve it and make it horizontal?

[Pavle]

Hi there,

I would like to have a horizontal footer, like the one here.

I understand I should be targeting this .footer-widgets
But except for that I am pretty clueless.

Can anyone help me out? Is it possible to do with widgets or should I remove them and try something else?

Thank you.

http://goo.gl/uGwwJi

[Brad Dalton]

Remove the CSS under the Footer Widgets section

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
	width: 340px;
}

.footer-widgets-1 {
	margin-right: 60px;
}

.footer-widgets-1,
.footer-widgets-2 {
	float: left;
}

.footer-widgets-3 {
	float: right;
}

---

Tutorials for StudioPress Themes.

[Pavle]

Thanks Brad,

That did not quite work for me, not sure why.
But something like this did make it look slightly better.

.footer-widgets .menu-item {
	display: inline-block;
	text-align: left;
	padding: 5px 10px 5px 5px;
}

[Brad Dalton]

Depends on what you populate the widget area with.

My solution removes the 3 columns and makes it 1.

You will need additional CSS for the content you add to the widget area.

---

Tutorials for StudioPress Themes.

[Pavle]

Thanks Brad, it helped me a lot! Have a great day. Appreciate it.

[Author]

Posts