• Welcome to the all-new Kolakube support, the official place to get help for Marketers Delight, XFtoWP, CryptoWP, and other WordPress products! Please login with your account details to access private support forums.

Formating Estimated Time on Streams

Richard Brown

Active member
Md
Messages
113
Reaction score
14
Is there a way to format the estimated time drop-in on Streams?

Mine appear in a way that might confuse a reader as to when the post begins.

 
Solution
Sorry for the lateness! I would prefer the reading time drop-in formats better out of the box, but in the meantime I formatted it on your site to blend it much nicer:

Screen Shot 2022-09-22 at 12.38.02 PM.png

It's already on your site, but for reference this is the CSS to format the Estimated reading time on Stream posts:

CSS:
/* STREAM CHANGES */

.stream-text .reading-time {
    color: #777;
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
}

.stream-title + .reading-time { margin-top: -10px; /* heh */ }

Alex

MD developer
Staff member
Md
XFtoWP
Messages
6,650
Reaction score
1,877
How exactly are you looking to format the estimated reading time?
 
Comment

Richard Brown

Active member
Md
Messages
113
Reaction score
14
I want to add space between the estimated time and the start of the text and photo on the stream. As it is now, it appears like a run-on sentence.
 

Attachments

  • Screen Shot 2022-09-08 at 2.43.03 PM.png
    Screen Shot 2022-09-08 at 2.43.03 PM.png
    773.2 KB · Views: 1
Comment

Richard Brown

Active member
Md
Messages
113
Reaction score
14
It works fine on posts as the share bar separates it from the text. It is on streams that it is a concern. It does not appear in books, which is also not an issue.
 
Comment

Alex

MD developer
Staff member
Md
XFtoWP
Messages
6,650
Reaction score
1,877
Sorry for the lateness! I would prefer the reading time drop-in formats better out of the box, but in the meantime I formatted it on your site to blend it much nicer:

Screen Shot 2022-09-22 at 12.38.02 PM.png

It's already on your site, but for reference this is the CSS to format the Estimated reading time on Stream posts:

CSS:
/* STREAM CHANGES */

.stream-text .reading-time {
    color: #777;
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
}

.stream-title + .reading-time { margin-top: -10px; /* heh */ }
 
Comment
Solution
Top