Loading...
 

Themes


tiki.org Footer Replication

United States

Dear folks, I am looking for some information regarding how to make a footer like the one on https://tiki.org/tiki-index.php
I seem to remember Gary had something out there, but I cannot find it for the life of me, any help is greatly appreciated.

Japan

Hi John,

The footer at this site is created using the menupage module, loading a wiki page, Shared_t_o_footer. You can take a look at the page source there, or copy it as starting point. As you can see, the footer content is made up of several Bootstrap grid divs (col-md-2), each containing a box div (which, after looking at this again, I don’t see a reason for as I don’t find any CSS rules applying to it anymore, so the box divs could be left out) which in turn contains a list. And everything is inside a twfooter div. Actually the only purpose of the twfooter div seems to be to prevent the external link icon from displaying,

/* Footer */
.twfooter .icon.icon-link-external {display: none;}

so you may or may not need that.

There’s a combination of HTML and wiki syntax to get the desired layout in the easiest way. There’s more than one way to approach this kind of thing, and in fact the themes site uses a different combination of syntax, but either way works ok.

See https://themes.tiki.org/Making+columns+for+wiki+content for a general description of using Bootstrap grids for content columns, if you’re not familiar with the idea already.

-- Gary


United States

Gary, that worked beautifully. Thanks so much! I am trying now to get the full width black, do you have any tips on that Gary?
I can’t believe how easy this was, I was trying to do this by custom module at “Bottom” position. Just couldn’t get it right. With the Page Menu module it can be customized to no end.
Thank again sir


Why Register?

Register at tiki.org and you'll be able to use the account at any *.tiki.org site, thanks to the InterTiki feature. A valid email address is required to receive site notifications and occasional newsletters. You can opt out of these items at any time.