infinite scroll

studiofournews · Member · May 2, 2012 at 7:46 am
Copy link

Add topic to favorites
I am using the twenty 11 theme, and recently my infinite scroll function has stopped. Can you please advise how to reinstate this?

Many thanks

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · May 2, 2012 at 8:01 am
Copy link
Do you have any widgets in any of the footer areas, even a blank text widget?
thesacredpath · Member · May 2, 2012 at 8:02 am
Copy link
Oh wait. Infinite scroll does not work on tags, category or archives pages. It only works on a main blog posts page that shows all posts.
feartheseeds · Member · May 2, 2012 at 8:50 am
Copy link
…if you have your main page set at a finite number of posts, then add widgets at the bottom / footer areas, the infinite scroll thing is automatically turned off.

1. Make sure you’ve done this:
Dashboard > Settings > Reading Settings > To infinity and beyond > Click box > Save

2. Are you using CSS to modify your theme?
thesacredpath · Member · May 2, 2012 at 8:56 am
Copy link
They aren’t using a normal “blog” page. They are using category pages only along with static pages since they don’t want all the different categories of posts mixed up together.
studiofournews · Member · May 4, 2012 at 3:56 am
Copy link
so, sorry, just to understand, has the infinity scroll stopped working because we have introduced the front page, and are using the category of current projects as our “main blog page”?

therefore, instead of the infinity scroll, are we able to add a previous posts tab at the bottom of the current projects parent category?

many thanks
thesacredpath · Member · May 4, 2012 at 4:32 am
Copy link
The reason you don’t see the previous and next buttons at the bottom of the categories pages that have more entries is that you have hidden those in the CSS. That was one of the questions you have asked and I had answered. If you want the next and previous buttons (a good idea if you have more than one page of stuff in each category) then remove the following from your CSS.

.nav-previous, .nav-next {
display: none;
}
studiofournews · Member · May 4, 2012 at 4:44 am
Copy link
sorry, i thought that code was just to remove the previous and next tabs when you are looking at a single post…. is it possible to have an “older posts” tab at the bottom of the categories pages without having the previous and next within the single posts?

thanks
thesacredpath · Member · May 4, 2012 at 4:55 am
Copy link
The best thing would be to turn them back on site-wide and then specifically hide them with a targeted selector from the single post pages.
thesacredpath · Member · May 4, 2012 at 4:58 am
Copy link
This should hide them on the single-post pages only.
```
#single-nav }
display: none;
}
```
If you unhide them and the above doesn’t take it away on the single post pages, post back here and let me know and I’ll have a look.
thesacredpath · Member · May 4, 2012 at 4:59 am
Copy link
Shoot, I messed up the code (opening curly bracket wrong). Use this instead.
```
#single-nav {
display: none;
}
```
studiofournews · Member · May 4, 2012 at 5:29 am
Copy link
Its still coming up in the single post pages with this code….are you able to have a look if there’s another code? thanks
thesacredpath · Member · May 4, 2012 at 5:42 am
Copy link
I’m not seeing it on the categories pages or on the single post pages. This is a guess going off another site using 2011.

To remove from the categories pages only remove this from your CSS:
```
.nav-previous, .nav-next {
display: none;
}
```
Add this to your CSS
```
#nav-below {
display: none;
}
```
thesacredpath · Member · May 4, 2012 at 5:44 am
Copy link
Crap, crap, crap. I removed it from the wrong place. Remove what I said from your CSS and then add
```
#single-nav {
display: none;
}
```
That will leave it on the categories pages, but hide it from the single post pages.
studiofournews · Member · May 4, 2012 at 5:46 am
Copy link
that is removing it from the main body of posts but keeping it in the single post pages.. we are after the reverse!! is this possible?

also, is it possible to change the font, remove bold etc?

thanks
thesacredpath · Member · May 4, 2012 at 6:04 am
Copy link
Are you using this?
```
#single-nav {
display: none;
}
```
That works on the single post page only.

Again, I can’t see any of this on your site so I’m shooting in the dark. Since I can’t see it I can’t really help.

#single-nav is for the single post pages.

#nav-below is for the categories pages.
studiofournews · Member · May 4, 2012 at 6:29 am
Copy link
i have saved the current css, so hopefully you can see… i have tried the above code and the previous and next are still coming up in the single post pages….

also, within the categories pages, is it possible to have the previous / next on the bottom only? i have tried hiding the previous / next at the top with nav-above.. is it called something else?

thanks again
thesacredpath · Member · May 4, 2012 at 6:50 am
Copy link
Oh Jeez! I’m so sorry. I should be shot. I messed up on the selector and switched the two parts around. It should be:
```
#nav-single {
display: none;
}
```
nav-single, not single-nav
studiofournews · Member · May 4, 2012 at 6:56 am
Copy link
great, thank you, that works for the single posts.

for the categories, is it possible to have the navigation on the bottom only, and not on the top? i have tried hiding the previous / next at the top with nav-above.. is it called something else?
thesacredpath · Member · May 4, 2012 at 7:01 am
Copy link
I’m seeing the “next” nav link on the bottom only on the current projects page. Did you get this figured out?

No items found.