Footer Widget Areas Not Horizontal

[virtualinternships]

I am trying to input 4 widget areas, to go across the page HORIZONTALLY. However, the different widget areas are being listed vertically (see screenshot attached).
I have checked out a number of forum posts, and a few people have asked it but no one has given the answer I am looking for. I have tried the following css from one of the posts:
footer.x-colophon.top .h-widget {
display: none;
}
footer.x-colophon.top .gallery .gallery-item {
border: none;
}

.x-colophon.bottom .x-nav li a {
float: none;
}

.x-colophon.bottom .x-colophon-content,
.x-colophon.bottom .x-social-global {
text-align: left;
}

But it is still vertical.

Please advise.

[friech]

Hi Will,

Thank you for writing in, how many FOOTER WIDGET AREAS did you set? If you place all your Widgets in one Widget Area then they will stack to each other vertically, if you need them horizontally, place them in each Widget Areas.

Please enable your Footer Widget Areas so we can take a closer look.

Cheers!

[virtualinternships]

Thanks I’ve managed to sort it with that!

[friech]

You’re more than welcome, glad we could help.

Cheers!