Centric Pro: Remove Down Scroll Button in Home Widget 1

[anotherusername]

Hi all:

In Centric pro, anyone know how I can remove the scroll down button that appears near the bottom part of the first home page widget?

If you go to:

http://www.poemstogo.tv/wordpress/

You can see it pointing down. It only scrolls a little bit when clicked so I would prefer to just lose it.

I guess I COULD just use CSS display:none, but thought I would like a cleaner solution.

Thanks in advance.

http://www.poemstogo.tv/wordpress/

[ᴅᴀᴠɪᴅ]

Ok so, the arrow is created in the js file called home.js which is located at /wp-content/themes/centric-pro/js/home.js

Inside that file find these lines of code and delete them...

$(".home-featured .home-widgets-1 .widget:last-child").after('<p class="arrow"><a href="#home-widgets"></a></p>');

$.localScroll({
    	duration: 750
    });

There are also js files which provide the functionality for this button and allow the site to scroll. Now you don't need these it would make sense to delete these as well. Less files to load means a slightly quicker loading time.

To stop these two files from loading go to your front-page.php file and delete these two lines...

wp_enqueue_script( 'localScroll', get_stylesheet_directory_uri() . '/js/jquery.localScroll.min.js', array( 'scrollTo' ), '1.2.8b', true );
wp_enqueue_script( 'scrollTo', get_stylesheet_directory_uri() . '/js/jquery.scrollTo.min.js', array( 'jquery' ), '1.4.5-beta', true );

Make sure you don't delete anything else, or accidently leave some of the code there otherwise your home page will crash. For this reason, make a backup of the file before you change it then any mistake won't matter as you can quickly copy and paste the code back to how it was.

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[anotherusername]

You rock, Dave!!!

Had a total brain cramp and didn't even realize it was JS.

thanks again, mate.

[Ikigai]

Great answer, Dave!

I have a quick follow up question: I removed the arrow from my site, but what remains is still a huge chunk of space where the button USED to be.

How do I shrink that area?

Thanks! 🙂

[Author]

Posts