Instructions
Custom Code
Font Smoothing
Inside the Project Settings, in the Custom Code tab you'll notice some style code has been added to the head of each page.
This code is to ensure that the text rendering is smooth and consistent across all browsers. It does not require any action on your part.
This code is to ensure that the text rendering is smooth and consistent across all browsers. It does not require any action on your part.
Smooth Scrolling
Please add the custom code below for smooth scrolling for each page (except Home) before </body> tag.
<script src="https://cdn.jsdelivr.net/gh/rustysain/js@main/smooth-scroll.js"></script>
Page Transition
Please add the custom code below for page transition in the Site Settings under Custom code as Footer code.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.1 1.1/jquery.min.js"></script>
<script>
$('.page-link').click(function (e) {
e.preventDefault();
var goTo = this.getAttribute("href");
setTimeout(function(){
window.location = goTo;
},1000);
});
</script>
<script>
$('.page-link').click(function (e) {
e.preventDefault();
var goTo = this.getAttribute("href");
setTimeout(function(){
window.location = goTo;
},1000);
});
</script>
And use the Combo class Page Link for the links. For example:
