Salient v14.0 (11/15/2021) is out now!

After updating, remember to clear the cache from any performance plugins you have active as well as your browser cache.

Once you've updated your theme, make sure to also update your Salient plugins to get access to the new features.

Click here to view the update guide

View Changelog

Okay
  Print

Add Down Arrow in FullScreen Page Rows Option [JS hack]

Note:  The Below Code is just a hack and is provided AS IS for Experienced Developers. Kindly do not ask related questions in the Support Ticket regarding its Implementation as Theme customization is not provided as Theme Support.


Add this to the Google Analytics Section in Salient Theme Options Panel -> CSS'/Script Related :

<script type='text/javascript'>
jQuery( document ).ready(function() {
 jQuery('.full-page-inner').append('<a href="#" class="slider-down-arrow-full" style="transform: translateY(0px); opacity: 1;"><i class="icon-salient-down-arrow icon-default-style">  </i></a>');
jQuery('body').on('click','.full-page-inner a.slider-down-arrow-full',function(){
    jQuery.fn.fullpage.moveSectionDown();
console.log('clicked');
});
});
</script>

And add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

/*Apply Fullscreen page row css copied from Nectar Slider down arrow*/
.full-page-inner .slider-down-arrow-full {
    height: 60px;
    width: 60px;
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 30px;
    z-index: 100;
    left: 50%;
    margin-left: -30px;
}
.full-page-inner .slider-down-arrow-full i.icon-default-style[class^="icon-"] {
    height: 60px!important;
    width: 60px;
    font-size: 20px!important;
    line-height: 60px!important;
    animation: 3.4s ease-in-out infinite fadebottom;
    -webkit-animation: 3.4s ease-in-out infinite fadebottom;
}