How to Remove Progress Bar from Homepage Slider

Slider Remove Progress Bar

In some cases you may want to remove the progress bar (the loading line until the current slide is displayed and slider proceeds with next slide), screenshot above. Here is a guide how it can be removed:

1. Install and Activate the WP Editor plugin: https://wordpress.org/plugins/wp-editor/

It is a very useful plugin which allows you to edit files inside all of the theme folders:

WP Editor Plugin

 

2. Login to Admin Panel -> Left Menu -> Appearance -> Theme Editor

 

3. Open YourTheme/inc/utilities.php

 

4. Find the following code:

jQuery(‘#camera_wrap’).camera({
height: tishonator_tishoIsLargeResolution() ? ‘<?php echo $sliderHeightLarge; ?>px’ : ‘<?php echo $sliderHeightMedium; ?>px’,
loader: ‘bar‘,
pagination: <?php echo $showPagination; ?>,
navigation : <?php echo $showPagination; ?>,

 

5. Then update it to (text marked in BOLD):

jQuery(‘#camera_wrap’).camera({
height: tishonator_tishoIsLargeResolution() ? ‘<?php echo $sliderHeightLarge; ?>px’ : ‘<?php echo $sliderHeightMedium; ?>px’,
loader: ‘none‘,
pagination: <?php echo $showPagination; ?>,
navigation : <?php echo $showPagination; ?>,

 

6. Save changes

 

Note: The above solution can applied to the following themes: tPsychology, tArt, tMuzz, tBozz, tCorpo, tHairSalon, tKidd, tGymm, tTourism, tMeditate, and tSpirituality.

About the Author

Tihomir Ivanov is a WordPress web developer, founder of tishonator.com, a fan of Linux and Open Source, a gym enthusiast, a vegan, a fan of minimalism, good movies and books :)

Leave a Reply