Blog posts

Hi @rumraisingelato, thanks for getting in touch again!

Would you mind including a link to your site so we can help out with specifics on this one?

Thanks so much!

Hi –

Thanks for your patience and detailed responses. I am not 100% sure how to do this, as my site isn’t yet published (all that’s published now is the “Coming Soon” page. However to offer some clarification to my first question, I would like it to look as it does in the demo – the section where people can leave a reply and comment on a blog post. Is this setup in Contact Form 7? Can you provide me with the code used in the demo?

For my second question – In the demo – the home page has a “Recent Posts” section listed under the “Featured Posts”. Is it possible to have “Recent Posts” on the home page like the demo and and also have a separate page that shows the Blog Feed – Excerpts?

Also, how can I get my category page to display blog posts, similar to how it’s being displayed in the demo? (sorry, I added this question here, forgot to include it before. Happy to start a new post for this question if need be).

I hope this helps somewhat.

Thanks for your assistance thus far!

Thanks for the extra info, very helpful.

It’s tough to say without being able to see the comment form(s), since these aren’t using any custom code on the demo site, that’s just how they appear by default. It’s possible that you’re seeing a difference because of the fact that you’re logged in on your site, but not logged in on the demo site…these will display different to guests than they do to logged in users.

Unfortunately on the second item, WordPress only includes the capability of a single blog feed page- this can either be your home page, or a posts page set under Settings > Reading. If you want a separate blog page you may have some luck setting a different page as your posts page, and then using a static home page- then in the static page you could add a shortcode to display recent posts. This won’t look the same as the recent posts section you have there currently, but it may be the most feasible compromise.

This one we also might have to see in action to pinpoint the problem…by default your posts should automatically appear in your category pages, assuming the posts were assigned to categories and you’re looking at an actual category page (not a regular page that’s just titled the same as one of your categories).

If you’d like, you could temporarily disable your Coming Soon page, then we’d be able to see the issues and could provide a bit more specific help on some of these items. ??

Thanks again!

Hi –

Thank you. This was extremely helpful. I actually found a way, using the idea you shared. I created a separate post page and used the latest post widget in the Gutenberg block builder on that page.

The only thing I notice now is on that page, the font title of the post looks different from the theme and also the category isn’t listed on each post.

Is there CSS that the I can use so the category appears for each post and the font title looks the same (all caps and same size) as how it appears in the blog feed on the demo?

(Again, I am using the free version of Juliet)

Thanks so much!

Sorry – one more thing on this topic…

I when I hover over the featured image on the separate post page that I created, I would like to have the same affect as when I hover over any of the featured images/blog feed images on the front page in the demo (e.g. it kind of zooms into the picture).

Is there code or CSS that I can use to get this effect?

Thanks

Hi @rumraisingelato,

Glad you came up with a solution, nice work!

It may not be possible to style it identically since the markup is likely different, but we could probably help to get it at least similar. Unfortunately we would need to be able to see it in action in order to help with this, I’m very sorry.

Hi Steven –

Thanks and hope you had a good weekend!

I was able to figure out how to create the transition (zoom in and out) effect on the blog feed page for the featured images.

However, I still have questions on the blog feed page (“Blog” page from the navigation menu) as follows:
1. How can I fix the margins on the bottom of an image so that they are all the same size?? Right now the margin on the bottom of the first image has alot more space than the bottom margins on the other two images.

2. How can I show the comment count for blog posts on my blog feed page (“Blog” page from the navigation menu)?? (Not sure if this something you can advise me on – I used the Gutenberg latest post block to create this page, and it doesn’t look like comment count is an option).?Is there some other way?

Also, as far as the comments page, I was able to see the opt-in option for “Save my name…”, however not the other two opt-in options I see on the demo site – 2.) Notify me of follow up comments by e-mail; 3.) Notify me of new posts by e-mail.?

How do I get the other two opt-ins to display on the comments page?? Do I need to install plug-in(s)?? Any recommendations?

I’ve gone ahead and de-activated maintenance mode temporarily so that you can view my website.
Thanks so much!

• This reply was modified 3 years, 8 months ago by Yui.

Hi @rumraisingelato,

Thanks so much for the access to take a look…makes a big difference. ??

On the first issue, there are several parts to this. Currently you have some custom CSS applied to the excerpts of these posts, which would need to be changed to apply to the list item containing the post instead of the excerpt (border-bottom, margin-bottom, padding-bottom, etc.). After that, since your images are floated left, you’re going to need some CSS to clear that float:

.page-content .wp-block-latest-posts.wp-block-latest-posts__list li:after {
    display: block;
    content: '';
    clear: both;
}

Also, there’s a fixed height on the thumbnail containers at the moment, so that will also affect the appearance of the margins if the images are different sizes. Let me know if you need help adjusting this as well.

Unfortunately on the second item, I’m not aware of a method to do this if the block options don’t include this feature.

The other two opt-in checkboxes on the comment form are being added by the Jetpack plugin. ??

Hope this helps- let me know if you have any questions!

Thanks. Sorry, but not sure I follow. If I remove the custom CSS from the excerpts, then the intentional line I placed under each post (to signify the end of the blog post) is also removed.

Also, yes, I would appreciate your help in adjusting the thumbnail containers as well (as per your response above).

Best

Hi @rumraisingelato,

Very sorry for the confusion on that- the custom CSS doesn’t need removed, just moved from the excerpts to the actual list item containing the post, which will keep the intentional line intact.

I’d love to help with the other item as well, but unfortunately I would need to be able to see the site again to put together the correct CSS for you. I’m sorry for the trouble!

Hi –

No worries. Thanks for clarifying. I’ll have to give that a try.

Also, I have gone ahead and de-activated the maintenance mode temporarily so that you can take a further look on the other item as well.

Thanks

Thanks, @rumraisingelato!

The other item won’t need to be done until after you make the previous changes, but when you’re ready for it, there’s some custom CSS that’s been added to give the thumbnails a fixed height- that should be replaced with auto like this:
.wp-block-latest-posts__featured-image { height: auto; }

There’s also an invalid width property in that same custom CSS that could cause issues, I’m not sure what the goal was with it but it may also be better either removed or adjusted.

Hope this helps!

Hi Steven –

Thank you for the information. Worked like a charm. Bummer that the latest post block doesn’t have the option to display comment count, but not a big deal in the grand scheme of things.

Thanks again and have a great weekend!

Hello –

This is one of two forum posts where I included the link to my website as part of the message instead of the custom field for my post (where only logged-in users can see it) – see earlier messages. I only realized this now as I was running a Google search on my website, and the forum post popped up. Is there any way to move the link from where it is now, to the custom field where it belongs?

Hoping that this can be done.

Thanks so much

Looks like Yui was able to take care of this for you…thanks, Yui!