Joe Streno

Looks good to me! Thanks! ??

Ben …

No problem. I always appreciate your input. It verifies that I’m not going crazy! ??

I may also try to do a reinstall of WordPress, just to be certain it’s not something odd there. After that I will call A2 tech support and see if they have any ideas.

Thanks again!

Nope did not work. Still don’t see the text “This should be showing”.

I also tried tuning off all plugins again. Still nothing.

Checked the .htaccess file to see if there were any oddities, it was reverted back to the stock WordPress setup.

Even tried looking at the site via Chrome Mac, rather than Safari … just to be sure it wasn’t a “browser” thing.

Checked source in Safari and searched for your text string … not there.

A2hosting.com is my hosting company just FYI.

I’m stumped.

I’ve switched back to my child theme again.

I saved a copy of my old child theme to my desktop via FTP. Deleted the old child theme from the server. Then copied your custom child theme to the sever. Emptied the cache & checked the home page …. don’t see “This should be showing”.

I used your new & improved CSS & I added this:

div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title a,
div#jp-relatedposts div.jp-relatedposts-items p {
	width: 221px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

It really tightens up the overall look. Okay, admittedly it’s only one line of the Title & an ellipsis, but it looks TIGHT & good on all devices! And on a computer, with mouse over, you do get the full title & an excerpt.

I’ll still try to see if I can get it to 2 lines. But for now, this is the solution.

Maybe you guys can build in the ability to choose how many lines, ellipsis or none, centered text, et. al. … via JetPack prefs, Java or documented CSS additions.

For right now … this is a good work around solution! Thanks!

Close but no cigar.

XX
X
XX
XX
XX

And I’m also finding another issue — title size/height. If there’s a post that shows the 9 Related Posts and the post titles are 2-3 lines, it makes the icons lay out differently than if the titles were just 1-2 lines.

Shoot me now! ??

Look at these two posts on a small device or small browser window. They lay out differently because of title height?

https://www.go2jo.com/music/rock-roll-tour-of-the-jersey-shore-volume-4

https://www.go2jo.com/photos/john-scher-from-the-boardwalk-to-the-capitol

If I use the above CSS:
On my iMac 5K: 2560×1440
On an iPad Air 2048×1536

Those both format as expected.

On my iPhone 6s: 1334×750

The layout gets wonky in portrait on the iPhone.

XX
XX
X
XX
X

If turned to landscape the layout looks normal

XXX
XXX
XXX

Bummer … just looked at the icons on a computer screen & with the last CSS they look bad!

X X X
X
X X X
X X

I have to pull the CSS if you haven’t seen it live yet. To nasty looking to leave up. lol

Ben …

Goal & score!

Works perfectly. Now I REALLY REALLY like my comments. ??

Thanks!!!! Joe

I had to add !important to your CSS so now it looks like:

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+4),
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+4) {
clear: none !important;
}

When I do I get this icon pattern:
X X
X X
X
X X
X
X

It’s a start.

I’ve also left this CSS live on my site if you want to see it live.

Thanks … tried it, but did not work.

Added it to my custom CSS, emptied all W3 caches & refreshed a post page on my iPhone and also Safari using the smallest window possible. Either way, this CSS did not work.

I even tried removing the spaces between your classes in your custom CSS. I’ve had issues with that before … but that didn’t fix it either.

The thumbnails appear the old way. Nothing changed.

Keep the CSS coming … I’ll gladly test it out. ??

Hey Ben,

No problem. You’re welcome. Happy Holidays to you & yours!

Ben …

Thanks! ??

We all have to work with what we have & our abilities. lol

And I DO appreciate the work & support you put into your themes.

Thans again. ??

Even though I bought the upgrade I came up with my own solution too:

I cut the excerpt text down to 10 words & changed the title font-size & excerpt-container height. Looks good with 2 line titles too.

h1.excerpt-title {
	font-size: 1.3em !important;
	line-height: 1.2em !important;
}
div.excerpt-container {
	height: 25% !important;
}
div.excerpt-meta {
	padding-bottom: 1.1em !important;
}

Seems to be working okay & looks fine on my iPad & iPhone too.

Screenshot

https://www.go2jo.com