Joomla Templates Club 406,261 posts

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#1037899

Hello,

Please see attached image.

How to do this in JA Teline V the most efficeintly?

Many thanks

• This topic was modified 7 years, 1 month ago by  seaneo.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1037915

Hi
Open /tpls/blocks/footer.php file add below code in line 31

<!-- BACK TOP TOP BUTTON -->
<div id="back-to-top" data-spy="affix" data-offset-top="300" class="back-to-top hidden-xs hidden-sm affix-top">
  <button class="btn btn-primary" title="Back to Top"><i class="fa fa-angle-up"></i></button>
</div>

<script type="text/javascript">
(function($) {
    // Back to top
    $('#back-to-top').on('click', function(){
        $("html, body").animate({scrollTop: 0}, 500);
        return false;
    });
})(jQuery);
&lt;/script&gt;
<!-- BACK TO TOP BUTTON -->

Here : http://prntscr.com/fdmpfh
Now add below code in custom.css file

#back-to-top.affix {
    bottom: 48px;
}
#back-to-top {
    position: fixed;
    right: 24px;
    top: auto;
    z-index: 999;
    display: none;
}
@media (min-width: 768px)
{
#back-to-top {
    display: block;
}}

save and check.

Regards

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#1038134

Hello, I followed your instructions, but two issues:

1) The site won’t show the Footer now
2) There is a little red square button instead of the desired blue button in my last screenshot

How resolve please?

Thanks

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1038252

Hi
Kindly share the site super user details in private reply i will check it.
The template has red colour button in its style so it uses the same.
I will check color request too.

Regards

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#1038370

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1038379

Hi
I added below code in custom.css after copy the style from the joomlart site back to top

    #back-to-top.affix {
        bottom: 48px;
        border-radius: 50%;
    }
    #back-to-top {
        position: fixed;
        right: 25px;
        top: auto;
        z-index: 999;
        display: none;
        color: #ffffff;
        background-color: #2b85c1!important;
    }
    @media (min-width: 768px)
    {
    #back-to-top {
        display: block;
    }

    }
 #back-to-top .btn{color: #ffffff;background-color: #2b85c1!important;border-color: #2b85c1!important;padding: 20px;z-index: 999;border-radius: 50%;line-height: 0;}
 }

In future, if you want to copy the style from any site I suggest you to use firebug to check style class and override it using custom.css file.

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. seaneo

[peli Friend peliJoin date: November 2013Posts: 13Downloads:24Uploads:1]

#1066782

Hello,
I have followed the steps, and:
1.- Footer disappear.
2.- Button doesn’t work, clicking on it no scroll at all.
Thank you.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1066899

Hi
kindly share your site super user details in Private reply.
I will check it on your site.

Regards

[Author]

Posts