How to hide pagination bubbles in timeline (not the scrubber)

Jacob Goods
asked 10 years ago

Firstly, great work on the theme. I’m trying to hide the pagination on my site. I was able to hide the right side pagination numbers by using .timeline-scrubber { display: none; } , but want to further hide the page number bubbles that are on the timeline itself when scrolling. Infinite scrolling is activated, and there was a similar question posted regarding the Free Timeline theme, but the solution didn’t seem to work I pasted the js edit on line 316 instead, but still didn’t seem to work. Please advise. Thanks!

1 Answers

DominicStaff
answered 10 years ago

Below is our instruction in case you want to further hide the page number bubbles that are on the timeline itself when scrolling.
– Add the following code to Header Code in Dashboard / Appearance / Customize / Custom code / Header code:

<style>
.timeline-pale {
    display: none !important;
}
#infscr-loading.hide {
    display: none !important;
}
</style>

– Open up the scripts.js file in /wp-content/themes/dw-timeline/assets/js/scripts.js then add following code to line 154

$('#infscr-loading').addClass('hide');

Save it and see how that goes! Hope this helps !

Jacob Goods
replied 10 years ago

Works like a charm. Thanks a bunch.
Quick question – What does the js code do? Eliminate the loading bubble?