Archived topic
Display full post in archive grid
2 replies · Started by will on January 6, 2022
Hi
Sorry if my labeling and nomenclature are lame, but here's the basic problem Im having:
Im using a plugin called The Post Grid to display a grid of posts on a page, along with the full post contents, as here:
https://silversfoundation.org/2019-grant-recipients/
However, in the mobile version, the full content gets truncated to an excerpt -- but I want the full content to display on all devices.
I tried finding an mobile setting for except length in the plug-in itself, and there wasn't one -- however, in another attempt, this time using a post-grid widget in Elementor, Im running into the same problem.
So now I have three different systems (for lack of a better word), Generate Press, The Post Grid, and Elementor, with different settings, and though I seem to have chosen "show full excerpt" everywhere, Im still getting a truncated version of the post excerpt.
Do you have a guess on how to remedy this? Is there a way (some code) to override of all settings and force the full post contents to display?
Thank you!
.
Hi Will,
The plugin you're using has this CSS:
@media (max-width: 991px){
.rt-tpg-container .rt-holder .tpg-excerpt {
overflow: hidden !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical;
}
}This is the one causing the truncation. Particularly, the line-clamp and box-orientation property.
While we can override it by adding this CSS:
@media (max-width: 991px){
.rt-tpg-container .rt-holder .tpg-excerpt {
-webkit-line-clamp: unset !important;
-webkit-box-orient: unset !important;
}
}It may not be the best way to solve the issue as the plugin itself already have a UI setting specifically for this. As for what that is, we suggest referring to the plugin's documentation or asking the plugin's support as this is beyond GP's scope of support. :)
