sticky footer

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Sun Oct 06, 2013 8:23 pm
Reply with quote
Report this post
Hi,

I would like to ask how to sticky the footer at the bottom of the page. I would like when I scroll the page down the header and the footer to be stable. How can I do this?

Thank you.
User avatar
Senior Boarder

GK User
Sun Oct 06, 2013 11:09 pm
Reply with quote
Report this post
Additional I would like to ask how to stuck the footer at the bottom of the screen like the top menu that it is stuck to the top of the screen.
footer.jpg


Also I would like to replace the words print and email with icons. Is that possible?

Thank you.
User avatar
Senior Boarder

teitbite
Mon Oct 07, 2013 4:12 pm
Reply with quote
Report this post
Hi

Please show me Your site.
User avatar
Moderator

GK User
Mon Oct 07, 2013 5:17 pm
Reply with quote
Report this post
p.s.
About question how to add Print and E-mail icons - you have to edit one file, like is in default article view inside Beez5 and Beez2.

templates\gk_creativity\html\com_content\article\default.php

Check from line 172

just add there link to icons using simple html code or use J!code
User avatar
Platinum Boarder

GK User
Mon Oct 07, 2013 5:22 pm
Reply with quote
Report this post
PRINT ICON, please replace

Code: Select all
<?php echo preg_replace('@<img.*?alt="(.*?)".*?\/>@mis', '$1',JHtml::_('icon.print_popup',  $this->item, $params)); ?>,


with
Code: Select all
<?php echo JHtml::_('icon.print_popup',  $this->item, $params); ?>



E-MAIL ICON, please replace
Code: Select all
 <?php echo preg_replace('@<img.*?alt="(.*?)".*?\/>@mis', '$1',JHtml::_('icon.email',  $this->item, $params)); ?>

with
Code: Select all
<?php echo JHtml::_('icon.email',  $this->item, $params); ?>
User avatar
Platinum Boarder

GK User
Tue Oct 08, 2013 11:02 am
Reply with quote
Report this post
teitbite wrote:Hi

Please show me Your site.



http://greenhomesgroup.cmnet.gr/index.php/company-info
User avatar
Senior Boarder

GK User
Tue Oct 08, 2013 11:17 am
Reply with quote
Report this post
itwebservices wrote:
teitbite wrote:Hi

Please show me Your site.



http://greenhomesgroup.cmnet.gr/index.php/company-info


Now I replace the blue color below the footer according to the reply of "Frontpage Design" but I still need to tell me how can I stuck the footer to the bottom of the screen.

Thank you.
User avatar
Senior Boarder

teitbite
Tue Oct 08, 2013 11:12 pm
Reply with quote
Report this post
Hi

Here is a code for the footer:

Code: Select all
#gkFooter {
    bottom: 0;
    position: fixed;
    width: 100%;
}
User avatar
Moderator

GK User
Wed Oct 09, 2013 3:24 pm
Reply with quote
Report this post
perfect!

could you please tell me how to decrease the height of the footer?

Thank you.
User avatar
Senior Boarder

GK User
Wed Oct 09, 2013 10:10 pm
Reply with quote
Report this post
Sure, use this:

Code: Select all
#gkFooter,
#gkFooterNav li {line-height:50px;}
User avatar
Platinum Boarder

GK User
Thu Oct 10, 2013 12:35 am
Reply with quote
Report this post
perfect again!

Nice support!

Thank you.
User avatar
Senior Boarder

GK User
Thu Oct 10, 2013 12:06 pm
Reply with quote
Report this post
Hi,

I would like to ask you something that I think it is difficult to achieve it.

Is it possible the footer in the first page only to appear when scrolling the mouse as it is happens with the header?

Thank you.
User avatar
Senior Boarder

GK User
Fri Oct 11, 2013 5:18 pm
Reply with quote
Report this post
Sorry but ... Lets face the fact, its not possible for us to provide always full customization support --> customization is not regular Template support.
User avatar
Platinum Boarder

GK User
Fri Oct 11, 2013 6:13 pm
Reply with quote
Report this post
But ok, I will give you last tips in this topic:
You should use our css code on all page besides firstpage (home page) - there you can leave default footer.

Link: http://www.gavick.com/documentation/joo ... ted-pages/
User avatar
Platinum Boarder


cron