Add a solid divider between blog posts

[Stephanus]

Hi there,

Great theme, by the way.

Would you please help me with the following two issues?

1. I’m trying to add a simple, solid full-width divider (without any icons) between my blog posts, exactly as on your blog demo (http://seventhqueen.com/themes/kleo/blog-normal/).At the moment, my blog page looks different, as shown here: http://www.happyandhealthy.co/blog. I’ve been everywhere under blog settings and played around with shortcodes, but couldn’t figure this out. For example, I tried this shortcode ([kleo_divider type="full" position="right" text="" class="" id=""], but I didn’t know where to put it.

2. My blog page (http://www.happyandhealthy.co/blog/) seems to show 3 featured blog posts (almost like a slide show / accordion) before the full width blog posts appear. I don’t want the 3 featured blog posts on this page. Where do I go to remove them? I want my blog page to look exactly like your demo one (http://seventhqueen.com/themes/kleo/blog-normal/).

Kind regards,

Stephanus

[sharmstr]

1 – That demo page isnt a blog page. Its was built using the kleo posts shortcode. That’s why the styling is different. In any case, put this in your quick css.

COPY CODE

.posts-listing.standard-listing .type-post {
    border-bottom-color: #e5e5e5;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 20px;
}

2 – Looks like you’ve figured out how to remove the featured posts.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Stephanus]

This reply has been set as private.

[sharmstr]

1 – the divider is part of the kleo posts shortcode. you dont have to add a divider.

2 – I’m assuming your recipes are a custom post type? If so, try using a custom excerpt.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Stephanus]

This reply has been set as private.

[sharmstr]

1 – I gave you the css to add the divider between posts on your blog archive in my first response. That means the standard place where WP displays blog posts. There is also a shortcode called Kleo Posts that you can use on pages that you create (the demo page that you linked me to is like this). The divider is there by default when using a shortcode.

2 – You dont need to be a developer 🙂 I cant give you detailed instructions since its a custom post type. Most post types have an excerpt field that you can fill out. Does yours? Basically Kleo uses the standard WP way of getting an excerpt. It looks for anything in the excerpt field. If it doesnt find anything there, then it will try to create an excerpt based on the content it finds. But if you’re CPT has strange info (code) in there then it could be that it doesnt know what to do. Also, it could be that your CPT doesnt use the standard content type fields. Its all hard to guess at since its a CPT. Hopefully that make more sense.

From the WP Codex: https://codex.wordpress.org/Excerpt

How to add excerpts to posts
To add an excerpt to a post, simply write one in the Excerpt field under the post edit box. An excerpt can be as short or as long as you wish. Usually, given its purpose, a couple of sentences is fine. If adding the excerpt manually, you may use (some) HTML formatting and the tags will not be stripped.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts