Disabling infinite scrolling (Ryu), line spacing, centering past posts, archives

sanfranista · Member · Sep 5, 2013 at 8:53 pm
Copy link

Add topic to favorites
Howdy! I have four questions for you wise folks (I hope it’s ok that I put them all in one post). The blog that I need help with is http://sanfranista.wordpress.com, and I have purchased the custom CSS upgrade.

1. I just went into the “Reading” subheader inside “Settings” and disabled the infinite scrolling function in Ryu. It switched to displaying only three posts, which is great, except there was no way to view more posts at the bottom. I’d like to keep the number of posts per page at three, but I’d sure love for my readers to be able to go back further in time.

2. I purchased the custom CSS upgrade so that I could decrease the font size for body text, which worked splendidly, but the spacing between paragraphs is now disproportionately large. Any idea how to shrink that space to 50% of what it currently is?

3. Does there happen to be a magical bit of code I could put into the CSS to automatically center all past posts? I used to to do a left-alignment for most of my posts, but now that I switched templates I’d love for everything (text, photos, all of it) to be centered. If there’s a way to do that without having to go back through every post I’ve ever written, that would be fantastic.

4. I’ve created an “archives” page in my custom menu, and I was able to find code to have different months show up with the post count next to it. Is there any way to have each post show up as a small thumbnail with a line or two of text, like a mini post preview for each post in my archives?

Thank you so much- I know this is a ton of questions, and I appreciate your time!
Sarah

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Sep 6, 2013 at 2:46 am
Copy link
1. The “older posts” button that appears at the bottom of your site when infinite scroll has been disabled at settings > reading is in the div with the ID #infinite-handle and you have that set as display: none in your CSS. Remove the infinite scroll stuff you have in your custom CSS and an “older posts” button will reappear when you have infinite scroll turned off.

If you want the two links at the bottom (older posts and newer posts) then your custom CSS should look like this instead.
```
#infinite-handle {
    display: none;
}

#nav-below {
    display: block;
}
```
2. I see you took care of this with the following CSS.
```
body {
    font-size: 15px;
    line-height: 20px;
}
```
3. <personal opinion> Centered body text is much harder to read because the eye has to search for the beginning of each line. for LTR languages, left aligned text is far easier to read. Centered text is typically reserved for headings and/or titles. </personal opinion> I see you found that solution though to centering things.

4. Not at this time there isn’t. You can put text after or before listings, but the same text will appear before or after each entry the archives shortcode creates. You can have an ascending or descending list of all posts with the shortcode, and you can make that a bulleted list if you wish. For reference (although I know you have probably already seen it): http://en.support.wordpress.com/archives-shortcode/#options
sanfranista · Member · Sep 9, 2013 at 10:32 pm
Copy link
My apologies for the late delay- I was out of town for the weekend! I so appreciate your help- thank you for your time!

Hooray- infinite scrolling problem solved! Thank you!

I was able to change the size of the font, but I had trouble reducing the size of the empty space between paragraphs. Any idea how I can do that?

I see your point on the centered text- I haven’t received any negative feedback as of yet, but I’ll keep my eye out for it. I’ve been centering the text on new posts I create, but is there a way for me to automatically change the alignment of all past posts at once?

Thanks again for your help!
designsimply · Member · Sep 16, 2013 at 11:06 pm
Copy link
(I hope it’s ok that I put them all in one post)

It’s better to make separate posts, but it’s okay sometimes for a small number of questions!

I was able to change the size of the font, but I had trouble reducing the size of the empty space between paragraphs. Any idea how I can do that?

Here’s an example that will reduce the space after paragraphs in the Ryu theme — add this to your Appearance > Custom Design > CSS editor:
```
p {
margin-bottom: 16px;
}
```
is there a way for me to automatically change the alignment of all past posts at once?

Yep, looks like you’ve already figured that one out too. This will do the trick:
```
p {
text-align: center;
}
```
sanfranista · Member · Sep 18, 2013 at 9:13 pm
Copy link
Thank you so much for your help! I so appreciate it :)
designsimply · Member · Sep 19, 2013 at 7:20 pm
Copy link
Thanks for blogging on WordPress.com. :)

No items found.