Joomla Templates Club 406,261 posts

[Sylwester Kowalski Friend Sylwester KowalskiJoin date: September 2014Posts: 93Downloads:57Uploads:9 Thanked: 7 times in 1 posts]

#184976

I am trying to move the back to top button to the top of ja-botsl1 can someone help me to locate the php file where I can paste the back to top code? I appreciate any help.

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#483532

Hello sly123,

You should add 1 more block above “botsl1” block of “Default” layout in Template Manager of JA Zite. Then add a position to this block. After that, create a new module with “Custom HTML” module type and assign it to that position.

Then copy below code (located in “/templates/ja_zite/blocks/footer.php” file, about line 28) and paste as content of above module.

<ul class=”ja-links”>
<li class=”top”><a id=”ja-backtotop” href=”javascript:scroll(0,0)” title=”Back to top”>Top</a></li>
</ul>

Clean site cache then refresh front-end to see the result.

Regards.

[wew67 Friend wew67Join date: March 2013Posts: 6Downloads:0Uploads:0 Thanks: 3]

#488224

How about if I want to remove the button? Is there a simple way to do it?

Thank you

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#488395

You can remove the button on this way

Open templates/ja_zite/css/template.css file
From


#ja-footer ul.ja-links li a {
background: url(../images/back-to-top.png) no-repeat left top;
display: block;
height: 80px;
text-indent: -999em;
}

change to


#ja-footer ul.ja-links li a {
background: url(../images/back-to-top.png) no-repeat left top;
display: none;
height: 80px;
text-indent: -999em;
}


Remember to cache cache from Admin area

1 user says Thank You to Ninja Lead for this useful post

1. wew67

[wew67 Friend wew67Join date: March 2013Posts: 6Downloads:0Uploads:0 Thanks: 3]

#488707

Thanks its work…

Cheers 😀

[Author]

Posts