Correct Code to Align Cells in new 4 Column Widget Area Created in Footer Redux
 

I have tried all of the suggestions on this thread and i still can't get the footer widget column content to justify to the left, BUT be listed at the top of each cell.

My website is
pineknotfarmandlab.com

Thanks

What is the code you use to create the 4 celled widget area?

<?php bfa_widget_area('name=Footer 4Col Widget Area&cells=4&align=3&align=8&width_1=220&width_2=2 50&width_3=250&width_4=200&before_widget=<div id="%1$s" class="footer-widget %2$s">&after_widget=</div>'); ?></div>

You have to have the proper align properties for the cells. If you look at the page for adding new widget areas there is pretty complete documentation.

I am actually very untrained in this.. so I am a bit lost.
The code I put in was actually from a thread that was addressed the same problem, minus the &=8. The original code was perfect for the columns, it had the headings lined up a the top, however the menu items were not justified to the left. I looked into further threads and one of them said that could be accomplished by inserting the &=8. Which it did justify the items, but then centered all content in the middle of the cell.

I also have an insert in the html/css
div#listcategorypostswidget-6 {
padding-right: 10px;
padding-left: 5px;
text-align: left;
vertical-align: top !important;
}

You really need to learn to understand the code for building the widget area as opposed to looking at someone else's code.

With that said here is the simplest code to build a 4 celled widget area with the content aligned top left and 4 equal size widget areas. You would of course change the name to something helpful.

Thanks for your help and suggestions.