How to force site title below image on WP Show Post

Hi @pikaland

That’s quite strange.

Can you verify if you’re changing the settings of the right post list?

I’ve tried replicating the issue but was unable to get the same behavior.

Check this sandbox site’s sidebar – https://dev-generate-press.pantheonsite.io/ (see first post, “Totam nostrum et quam dolorem illum”)

You can see that the featured image is below the title “Totam nostrum et quam dolorem illum”. Read more tag is placed under the bullet point “Enim temporibus id dignissimos”. Bullet point styling and font color is kept meaning formatting is working too.

Can you check if the site has some sort of page caching?

• This reply was modified 3 years, 5 months ago by Elvin.

Thanks for responding @ejcabquina!

Cache was cleared and things only started getting wonky after I put in the “Read More” tag, so it was working before.

Would you like to take a look at it yourself? Is there a way for me to send my website details for you to take a look? Perhaps you can email me here: amy{AT}pikaland.com.

You can send it in through our contact page – https://wpshowposts.com/contact/

Please include a link to this topic so other support team members will have context in case they get to it first. ??

Sent, thank you @ejcabquina!

Ah I see what’s the issue here.

The WPSP you’re pertaining to isn’t using a post thumbnail. https://share.getcloudapp.com/12uvnNYw

The image you’re seeing is an actual content of the page as shown here – https://share.getcloudapp.com/L1urjpje – so it displays inside the content part of the post list rather than its own post image thumbnail container.

You have this PHP snippet on your site which removes the first image within the content on single post pages but it doesn’t remove it as a post content on a WPSP post list.

function remove_first_image ($content) {
if (!is_page() && !is_feed() && !is_feed() && !is_home()) {
$content = preg_replace("/<img[^>]+\>/i", "", $content, 1);
} return $content;
}
add_filter('the_content', 'remove_first_image');

Since you’re using GeneratePress, I suggest unticking display featured image on single posts pages instead of keeping this PHP snippet. (assuming the first image on your content will be your featured image)

You then tick “Images” on WPSP list so WPSP displays a post image it can control. ??

Hi @ejcabquina,

Thanks for the response!

I did as you recommended, and what happened is that the front page now has 2 repeated images – presumably one from WPSP and another from the post itself.

Can you advise me how I can make the second image go away (so that the title of the post stays below after the first image?)

Ps. This 2 images showing up happens only when I insert the “read more” tag, but if I remove the tag, then it defaults back to only one image being shown.

The quick and easy solution for this is to make the WPSP list content hidden w/ CSS.

Try adding this:

.wp-show-posts-entry-content img {
    display: none;
}

That works great, thanks so much @ejcabquina for helping me with it! I was trying it on my own for weeks now. ??

No problem. Glad you finally got it sorted. ??