Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Post-Kicker, -Byline & -Footer (http://forum.bytesforall.com/forumdisplay.php?f=17)
-   -   [SOLVED] Footer Question (http://forum.bytesforall.com/showthread.php?t=2915)

lchapnick Aug 12, 2009 12:16 AM

[SOLVED] Footer Question
 
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. :o

Flynn Aug 12, 2009 06:35 AM

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>

Flynn Aug 13, 2009 09:21 AM

Please don't post the same question in multiple threads

lchapnick Aug 13, 2009 10:04 PM

Quote:

Originally Posted by Flynn (Post 12502)
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

lchapnick Aug 14, 2009 10:53 AM

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.

Flynn Aug 14, 2009 08:11 PM

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

catastrophy Feb 4, 2010 02:56 AM

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

juggledad Feb 4, 2010 05:13 AM

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

catastrophy Feb 4, 2010 08:25 AM

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

catastrophy Feb 4, 2010 09:28 AM

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

juggledad Feb 4, 2010 09:44 AM

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

catastrophy Feb 4, 2010 11:01 AM

A > 3.5.1
w> 2.9.1
;)

catastrophy Feb 4, 2010 11:03 AM

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

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

juggledad Feb 4, 2010 12:43 PM

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
HTML Code:

<?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

catastrophy Feb 5, 2010 09:30 AM

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


All times are GMT -6. The time now is 01:22 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.