Search…

X3 Photo Gallery Support Forums

Search…
 
trpgforum
Experienced
Topic Author
Posts: 105
Joined: 05 Jul 2019, 03:40

3-column footer

15 Jul 2020, 11:24

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
THOMAS RUF PHOTOGRAPHY
Landscape - Nature - Macro
4132 Muttenz
Switzerland
www.thomas-ruf.ch
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: 3-column footer

16 Jul 2020, 01:04

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.
 
trpgforum
Experienced
Topic Author
Posts: 105
Joined: 05 Jul 2019, 03:40

Re: 3-column footer

16 Jul 2020, 02:19

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
THOMAS RUF PHOTOGRAPHY
Landscape - Nature - Macro
4132 Muttenz
Switzerland
www.thomas-ruf.ch