Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Align the footer to the bottom of the page

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hello

i wish to make the boxed footer to stay aligned at the bottom of the page but for no reason it keeps staying in the middle of the page.

www.sandwichpanelplant.com

many thanks
  • Federico's Avatar
  • Federico
  • 3 Month Basic
  • 15 posts
  • Karma: 0
Last Edit: 7 years 11 months ago by Federico.
The administrator has disabled public write access.
Hi

The footerwrap comes after the content area on your site so it is where its supposed to be

If you plan to add more content it will be pushed down the page by that content

To have a footer stick to the bottom of the screen may not be possible - if that is what you wanted to do I would need to check with the developers to see if this is possible

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks for your reply.

Please have a look..
i moved it to the "debug position" and it is now showing @ the bottom, but too much in the bottom....
Do you think there is a way to put it in the middle of these 2 positions?
  • Federico's Avatar
  • Federico
  • 3 Month Basic
  • 15 posts
  • Karma: 0
The administrator has disabled public write access.
hmm

That might work - you do have margin top currently on the debug row via the template settings but its only 30px
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: Federico
can you explain me better of to do it?
i have no idea how to do it..
sorry about that
  • Federico's Avatar
  • Federico
  • 3 Month Basic
  • 15 posts
  • Karma: 0
The administrator has disabled public write access.
In the template settings click the pencil on the row for debug (on the right of the width)

Then click the style tab > open row style > scroll down that list to you see row margin and in that drop down list select no margin

This will remove the margin but not sure its enough for you

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
unfortunately not, its still too covered by the end of the page...
  • Federico's Avatar
  • Federico
  • 3 Month Basic
  • 15 posts
  • Karma: 0
The administrator has disabled public write access.
I've found that there are structural modules classes that can be used to edit margins.

bambootheme.com/showcase/apr16/template-features/module-overview/using-module-classes

do yoou think its possible to edit them with negative values and get the module showing like i want?
  • Federico's Avatar
  • Federico
  • 3 Month Basic
  • 15 posts
  • Karma: 0
The administrator has disabled public write access.
Hi,

"unfortunately not, its still too covered by the end of the page..."

I'm a little confused what you mean?

For me the site looks ok now with it at the bottom but I am on a laptop
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
i thinks the background style of build.r is great, espacially with some images and not too much content covering them but with the footer in the middle of the page it wont look not so good... :(
  • Federico's Avatar
  • Federico
  • 3 Month Basic
  • 15 posts
  • Karma: 0
Last Edit: 7 years 11 months ago by Federico.
The administrator has disabled public write access.
ah I thought you were ok using debug is that not the case?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
no i wont use it into the debug position cause i got it appearing half visible and half hidden by the end of the page.
got this result on all the windows browsers
  • Federico's Avatar
  • Federico
  • 3 Month Basic
  • 15 posts
  • Karma: 0
The administrator has disabled public write access.
right ok I'll check with the team later tonight if they have any suggestions
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: Federico
Hi again :)

can you try adding

#footerwrap {position:fixed;z-index:10;bottom:0;left:0;width:100%}

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: Federico
MANY MANY MANY MANY thanks, its working like a charm!

for those who wants to see it, the credentials are guest/demo
  • Federico's Avatar
  • Federico
  • 3 Month Basic
  • 15 posts
  • Karma: 0
Last Edit: 7 years 11 months ago by Federico.
The administrator has disabled public write access.
Thanks

Good luck with the site :)

Have a great weekend

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers