Page 1 of 1

3-column footer

Posted: 15 Jul 2020, 11:24
by trpgforum
Is it possible to create a 3-column layout in with CSS in the footer as you can see in www.hic-basel.ch/ at the bottom? 
The Copyight Infos should then be centered in a single-column section under the three-column section. 

Best regards from Basel
Thomas

Re: 3-column footer

Posted: 16 Jul 2020, 01:04
by mjau-mjau
trpgforum wrote:Is it possible to create a 3-column layout in with CSS in the footer as you can see in www.hic-basel.ch/ at the bottom?
As long as you are comfortable working with HTML, you can use the CSS grid used by X3, which is inherited from the Foundation framework:
https://get.foundation/sites/docs-v5/co ... /grid.html

For example, you could use the following HTML in the X3 custom footer section to create three equal columns, that will stack on top of each other on small mobile screens:
Code
<div class="row">
  <div class="medium-4 columns">column1</div>
  <div class="medium-4 columns">column2</div>
  <div class="medium-4 columns">column3</div>
</div>
The size-X amount needs to add up to 12. If you want different behavior, you would need to check the docs link above.
trpgforum wrote:The Copyight Infos should then be centered in a single-column section under the three-column section. 
Although you don't really need to use columns for a single element, you could use the same column system. Following the foundation docs, for example:
Code
<div class="row">
  <div class="small-4 small-centered columns">4 centered</div>
</div>
The above will create a single column at the same size and in the same horizontal location as the middle column in the 3-column layout.

Re: 3-column footer

Posted: 16 Jul 2020, 02:19
by trpgforum
Awesome, Karl, thank you very much! 

Once again: Your support is great! That's why I tell my numerous corporate customers. One or the other website could be created with X3 Photo Gallery perfectly! 

Thank you very much and best regards 
Thomas