Docs

[bluelefant]

I’ve just changed my blog to a two-column masonry layout, which I think looks cleaner and makes it easier for people to quickly scroll through posts. However, as a result I’ve run into two issues:

1.) If I don’t set any Excerpt Length on the ‘blog’ part of the Customize menu, there’s no text preview at all. In some cases that’s preferable, but in other cases I’d like a bit of text to appear. The thing is, it’s not a one size fits all thing. Is there any way to insert some shortcodes into each post to control what and how much text appears in the preview on the main blog page?

2.) I’ve started adding ‘Featured Images’ for the posts to make them look nicer on the main blog page. However, the Featured Image now appears on the blog entry page at the very top, sometimes making the image I have further down the page redundant. I’d like for the featured image to appear on the main blog page, but not each individual entry page…is there any way to have my featured image and hide it too?

Thanks in advance for any assistance you can provide.
~Brian

(http://www.bluelefant.com/blogelefant)

[Rue Nel]

Hello There,

Thanks for writing in!

1] WordPress generates an excerpt automatically by selecting the first 55 words of the post. If in case you are using Cornerstone, the auto excerpt fails because it will detect that the content is using shortcodes. This is what happen in your posts. There are no auto excerpt being generated since you have created your post with Cornerstone. To display the excerpt, you have to use the manual excerpts. To add an excerpt to a post, simply write one in the Excerpt field under the post edit box. Please see the screenshot below: http://prntscr.com/9j98do

Excerpts are optional hand-crafted summaries of your content that can be used in your theme. Learn more about manual excerpts here: https://codex.wordpress.org/Excerpt

2] To get rid of the feature image on the individual entry page, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.single-post .has-post-thumbnail .entry-featured {
    display: none;
}

We would loved to know if this has work for you. Thank you.

[bluelefant]

That worked beautifully! Thank you so much, I really appreciate your time and attention.

One more question, if I may…is there any way to make all blog posts appear on one page, instead of having to click to see older posts…like many websites nowadays, if you keep scrolling down, more content appears until you reach the bottom…is there any way to achieve that was some custom CSS?

Thanks again for your help 🙂

[Nico]

Hi There,

Happy to hear that it worked beautifully.

In regards to showing all post in your blog page, please check the link below:

https://community.theme.co/forums/topic/show-all-posts/#post-112015

However, the suggested showing of post in the link is not what you want, I mean I shows all post immediately and it will not show upon scrolling. If you need to make or create something like that, it is quite a customization which is beyond the scope of our support. It would be best to contact a custom developer regarding that customization. It is also a bit complicated because the customization should also concerns the memory use in the blog page.

Thank you for understanding.

[bluelefant]

Thanks again for the reply, the information was super helpful and I’ve got everything the way I want it now. Cheers! You guys are the best 😉

[Joao]

Great to hear it.

Let us know if we can help you with anything else.

Joao

[bluelefant]

Oh, one more thing. When I hover over the Featured Image, X-Theme not only darkens the image but puts a blue circle with a chain icon over it. Is there any way to disable this? I prefer how X-Theme normally slightly fades out an image that’s a clickable link to this…

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

a.entry-thumb:hover img {
    opacity: 0.5;
}
.entry-thumb:before {
    background-color: transparent;
content: "";
}

Hope that helps.

[bluelefant]

Excellent! Thanks! I put the opacity at 0.8 instead of 0.5 which was a little too dark for my liking. I appreciate your help, as always 🙂 Have a good one!

[Rad]

You’re so much welcome!

[bluelefant]

Okay, one more thing…is it possible Featured Images to fade to white like images on pages do, rather than black, when hovering over them? I’d prefer a more consistent experience across the whole site…

[Lely]

Hi There,

Please try adding this custom CSS:

.blog .entry-thumb {
    background-color: #ffffff;
}

Note that it is not too visible when it is white.

Hope this helps.

[Author]

Posts