We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (3)

Resolved How do I make a fixed footer?

0
Votes
Undo
  1. Sambal
    Sambal
  2. General Discussion
  3. Thursday, 20 August 2015
  4.  Subscribe via email
Hi,

How do I make the footer fixed and sticky at the bottom?

Thanks in advance,

Hans
Comment
There are no comments made yet.
Accepted Answer
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

To make the footer sticky, we need some css, here is our suggestion css rule:

.t3-copyright {

    background: #f0f0f0 none repeat scroll 0 0;

    border-top: 1px solid #eeeeee;

    bottom: 0;

    font-size: 12px;

    left: 0;

    padding: 40px 0 80px;

    position: fixed;

    width: 100%;

}

.t3-footer {padding-bottom: 209px;}


Add the rule to the file: templates/t3_bs3_blank/css/custom.css

Please note that it can be changed in specific cases.

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # Permalink
Responses (3)
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Great to see it's helpful.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Sambal
Sambal
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Luna,

I experimented with your code.

This, for now, is my final code:

/* Footer Styling */

.t3-copyright {
background: #f0f0f0 none repeat scroll 0 0;
border-top: 1px solid #eeeeee;
bottom: 0;
font-size: 12px;
left: 0;
padding: 5px 0 15px;
position: fixed;
width: 100%;
}

.t3-footer {
/*padding-bottom: 209px;*/
bottom: 0;
font-size: 12px;
left: 0;
}

works fine.

Thanks,

Hans
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.