I searched the threads but could not find anything on how to add 3 columns, vertically, with links in the footer? Can anyone tell me where I could read up on how to go about accomplishing this. Is it true you have to be very careful messing around with the footer area. I'm using Atahualpa 3.4.2.

You can put HTML and PHP right into Style & edit FOOTER -> Footer: Content, i.e.

<table id="myfooter" border="0" cellspacing="0" cellpadding="0">
<colgroup><col><col><col></colgroup>
<tr>
<td>
<a href="...">Link</a><br />
<a href="...">Link</a><br />
<a href="...">Link</a>
</td>
<td>
<a href="...">Link</a><br />
<a href="...">Link</a><br />
<a href="...">Link</a>
</td>
<td>
<a href="...">Link</a><br />
<a href="...">Link</a><br />
<a href="...">Link</a>
</td>
</tr>
</table>

Add a HTML/CSS Inserts -> CSS Insert

table#myfooter {
table-layout:fixed;
}
table#myfooter td {
vertical-align:top;
}

To have different widths for the 3 columns, add this as CSS Insert as well:

.footercol1 {
width: 200px;
}
.footercol2 {
width: 150px;
}
.footercol3 {
width: 250px;
}

And change in the HTML code above, this:

<colgroup><col><col><col></colgroup>

to:

<colgroup><col class="footercol1"><col class="footercol2"><col class="footercol3"></colgroup>

Please don't post the same question in multiple threads

Originally Posted by Flynn

You can put HTML and PHP right into Style & edit FOOTER -> Footer: Content, i.e.

<table id="myfooter" border="0" cellspacing="0" cellpadding="0">
<colgroup><col><col><col></colgroup>
<tr>
<td>
<a href="...">Link</a><br />
<a href="...">Link</a><br />
<a href="...">Link</a>
</td>
<td>
<a href="...">Link</a><br />
<a href="...">Link</a><br />
<a href="...">Link</a>
</td>
<td>
<a href="...">Link</a><br />
<a href="...">Link</a><br />
<a href="...">Link</a>
</td>
</tr>
</table>

Add a HTML/CSS Inserts -> CSS Insert

table#myfooter {
table-layout:fixed;
}
table#myfooter td {
vertical-align:top;
}

To have different widths for the 3 columns, add this as CSS Insert as well:

.footercol1 {
width: 200px;
}
.footercol2 {
width: 150px;
}
.footercol3 {
width: 250px;
}

And change in the HTML code above, this:

<colgroup><col><col><col></colgroup>

to:

<colgroup><col class="footercol1"><col class="footercol2"><col class="footercol3"></colgroup>

Thanks so much Flynn. I will do what you just said and see what happens. I am sending another donation to you now. I appreiciate you taking the time to answer my questions.

Linda

Hi Flynn
Thank you once again for answering my question. I donated last night but could not find a paypal donate button for you. Everytime I pressed donate at the end of your reply the only option was to donate to BytesForAll or juggledad. Since juggledad did not answer my question I donated to BytesForAll. Sorry about that. If you could tell me where your donate button is at I will send another donation to you.

The "BytesForAll" button goes to me.

BTW, the "Don't post..." post was not directed at you although you and me are the only ones in this thread. It was directed at a banned user who's posts are deleted now. I posted about these "ghost posts" here http://forum.bytesforall.com/showthread.php?t=2988

Thanks a lot for this improvement
because the footer of this fantastic theme is not very developped
this hack its working but the cells are not centered in the footer.
How to have them centered in the footer?

Daniel

Have you tried just adding a new wiget area to the footer?

Ok.. ill try this... ;-)

I cannot do it.. too complicated to me, perhaps...
the code of Flynn works well but the cells are not centered in the footer.. there is perhaps a little piece of code to had to it ?
just want those three cells centered.. thanks in advance for the help...

daniel

what version of Atahualpa and WP?
What is your url?

A > 3.5.1
w> 2.9.1

url :
http://farioli.fr/mondes/

but indeed not finish yet..
see the footer is asymetric ( humor)...

alright remove teh code you have - if you used the new widget areas - remove the widgets then remove the doce, then go to the new widget area and delete the new widget areas.

Next fput this in Style Footer->Footer: Content

<?php bfa_widget_area('name=footer_widget_area&cells=3&align=8&align_2=1&align_3=4&before_widget=<div id="%1$s" class="footer-widget %2$s">&after_widget=</div>'); ?>

view the page then go to the widget area and you should see three new widget areas, put your code in each area

The key is the 'align=' option

TAL ! finally I could do it !
It was a bit hard to do...
but with the php widget it was possible...