Joomla Templates Club 406,261 posts

[mkfloresca Friend mkflorescaJoin date: November 2014Posts: 57Downloads:11Uploads:15 Thanks: 16]

#207644

Hello.

I am trying to add the “Back to top” button on my site as it is very useful. However, following the documentation on this site:
http://www.t3-framework.org/documentation/customization/89-documentation.html#back-to-top

didn’t work with my existing footer. I am not sure what is going on.

My hunch is because I have a slightly modified footer….that might be affecting the script.

Help please, Admins.

Thanks,
Karla

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

#574953

Hello
I am trying to open your site to check this issue .
but site contains server authentication , and credentials you are submitted not working .
can u remove it or PM me complete admin details of your site , if your site is based on Joomla 2.5 also attach FTP details in PM.

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

#641297

Hello
I am trying to open your site to check this issue .
but site contains server authentication , and credentials you are submitted not working .
can u remove it or PM me complete admin details of your site , if your site is based on Joomla 2.5 also attach FTP details in PM.

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

#739959

Hello
I am trying to open your site to check this issue .
but site contains server authentication , and credentials you are submitted not working .
can u remove it or PM me complete admin details of your site , if your site is based on Joomla 2.5 also attach FTP details in PM.

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

#575295

Hello
Do the following to add back to top button .
First open custom.css file add the below code

.back-to-top { background-color: #09355a; bottom: 16px; height: 40px; margin: 0; position: fixed; right: 20px; width: 40px; z-index: 1000; opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 350ms;-moz-transition:opacity 350ms;-o-transition:opacity 350ms;transition:opacity 350ms;}
.back-to-top i { color: #fff font-size: 12px; line-height: 1em; left: 50%; margin-top: -7px; margin-left: -3px; position: absolute; top: 50%; }
.back-to-top.reveal { opacity: 0.6; filter: alpha(opacity=30); cursor: pointer; }

Now go to “/tpls/blocks/footer.php” in template “ja_university_t3”.
add this code


<!-- BACK TO TOP -->
<div id="back-to-top" class="back-to-top t3-hide">
<i class="fa fa-long-arrow-up"></i>
</div>
<script type="text/javascript">
//<!]>
</script>
<!-- //BACK TO TOP -->


It will solve your problem .
Note : I saw you have added custom.css in /local folder so you need to add the css in this file + make sure custom.css do not contain any syntax error , otherwise code will note work.

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

1. mkfloresca

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

#641625

Hello
Do the following to add back to top button .
First open custom.css file add the below code

.back-to-top { background-color: #09355a; bottom: 16px; height: 40px; margin: 0; position: fixed; right: 20px; width: 40px; z-index: 1000; opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 350ms;-moz-transition:opacity 350ms;-o-transition:opacity 350ms;transition:opacity 350ms;}
.back-to-top i { color: #fff font-size: 12px; line-height: 1em; left: 50%; margin-top: -7px; margin-left: -3px; position: absolute; top: 50%; }
.back-to-top.reveal { opacity: 0.6; filter: alpha(opacity=30); cursor: pointer; }

Now go to “/tpls/blocks/footer.php” in template “ja_university_t3”.
add this code


<!-- BACK TO TOP -->
<div id="back-to-top" class="back-to-top t3-hide">
<i class="fa fa-long-arrow-up"></i>
</div>
<script type="text/javascript">
//<!]>
</script>
<!-- //BACK TO TOP -->


It will solve your problem .
Note : I saw you have added custom.css in /local folder so you need to add the css in this file + make sure custom.css do not contain any syntax error , otherwise code will note work.

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

1. mkfloresca

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

#740287

Hello
Do the following to add back to top button .
First open custom.css file add the below code

.back-to-top { background-color: #09355a; bottom: 16px; height: 40px; margin: 0; position: fixed; right: 20px; width: 40px; z-index: 1000; opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 350ms;-moz-transition:opacity 350ms;-o-transition:opacity 350ms;transition:opacity 350ms;}
.back-to-top i { color: #fff font-size: 12px; line-height: 1em; left: 50%; margin-top: -7px; margin-left: -3px; position: absolute; top: 50%; }
.back-to-top.reveal { opacity: 0.6; filter: alpha(opacity=30); cursor: pointer; }

Now go to “/tpls/blocks/footer.php” in template “ja_university_t3”.
add this code


<!-- BACK TO TOP -->
<div id="back-to-top" class="back-to-top t3-hide">
<i class="fa fa-long-arrow-up"></i>
</div>
<script type="text/javascript">
//<!]>
</script>
<!-- //BACK TO TOP -->


It will solve your problem .
Note : I saw you have added custom.css in /local folder so you need to add the css in this file + make sure custom.css do not contain any syntax error , otherwise code will note work.

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

1. mkfloresca

[mkfloresca Friend mkflorescaJoin date: November 2014Posts: 57Downloads:11Uploads:15 Thanks: 16]

#575405

Hi,

I have tried the modified css and footer on my local site and it seems to work!
Also, I was wondering why my custom.css was not working anymore – and your comment above allowed me to correct some custom styles that were missing closing tags, etc.- and I believe that was the reason why it stopped working.

Thanks again for your solutions!

Karla

[Author]

Posts