https://man.liquidfiles.com
LiquidFiles Documentation

A key feature with LiquidFiles is that you can make it look like your own system. This section covers how to change the footer of the LiquidFiles system.

This configuration can be found in Admin → Branding → Footer.

The footer can be used for branding, displaying T&C's and so on. Here's a recommended starting point:

<div class="container">
  <div class="row">
    <div class="col-md-4">Some text to the left</div>
    <div class="col-md-4 centre">
      Some text for the middle part
    </div>
    <div class="col-md-4 right">Some text aligned to the right</div>
  </div>
</div>

A couple of things to note:

  • The two first div's with classes creates the container that will display the rest of the content to the same width as the rest of the content. If you want to use the full browser width, you can remove these.
  • The "row" will give you 12 'spans' to divide the content into. In this example, there's three columns divided with col-md-4 for three equal size columns, but you could use two span6 div's to create two equal size columns, one to the left and one to the right. Please see: http://getbootstrap.com/css/#grid for more info.
  • The helper classes middle and right will center, right-align content for you.

A more in-depth example, using a modal window to display T&C's, an uploaded asset for the company logo:

<div class="container">
  <div class="row">
    <div class="col-md-4">
      <img src="/img/logo.png">
    </div>
    <div class="col-md-4 centre">
      <a class="btn btn-default" data-toggle="modal" href="#terms">Terms &amp; Conditions</a>
    </div>
    <div class="col-md-4 right">Large File Transfer System</div>
  </div>
</div>

<div class="modal fade" id="terms">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">×</button>
        <h4 class="modal-title">Terms &amp; Conditions</4>
      </div>
      <div class="modal-body">
        <p>My terms and conditions.....</p>
      </div>
      <div class="modal-footer">
        <a href="#" class="btn btn-primary" data-dismiss="modal">Close</a>
      </div>
    </div>
  </div>
</div>

Please see:http://getbootstrap.com/javascript/#modals for more information on how to use modal windows.