Need help making footer narrow

[terislater]

I have all the elements to my footer programmed, but I don’t love that it’s really tall. Can anyone help me re-align the copyright, menu, and social so they are all on one line? I then want the footer to be narrow.

Here is my site: www.terislater.com and here is what I want my footer to look like: www.amyporterfield.com

[mldarshana]

Hi Teri,

Thanks for writing in! Could you please try adding the following CSS rule into your X -> Theme Options -> CSS area and see if that helps.

footer.x-colophon.bottom {
    padding: 0;
}

Thanks!

[terislater]

Thank you - that definitely minimized the padding, but I wonder if I can achieve the 3 column look as referenced on the other site? By 3 columns I mean:
copyright date | privacy/terms/disclosure/contact | social icons (all stretched out on one row)

The website I want it to look like on the footer is: www.amyporterfield.com

Thoughts?

[mldarshana]

Hi Teri,

That is also possible, first you need to enable footer widget areas by head over to X -> Theme Options -> Footer section.

You can even disable bottom footer if needed.

Now you can head over to Appearance -> Widgets area and place your content into corresponding footer widget areas.

Hope that helps.