Archived topic
WP Show Posts weird padding & adding styling
5 replies · Started by Megan on February 8, 2022
Hi there,
I’m having some trouble with WP Show Posts plugin. At the bottom of my article, the WP Show Posts pops out oddly(http://staging.lifehealthhq.com/can-you-eat-rice-on-whole30/) - I’d like it aligned with the rest of the content.
Also, is it possible for me to style the “Related Posts” heading for the related posts? I’d like to style it similar to this one: https://lifehealthhq.com/can-you-eat-rice-on-whole30/
Hi Megan,
You have this CSS:
.wp-show-posts-columns#wpsp-508701 {
margin-left: -2em;
}https://www.screencast.com/t/XCW0aD3tT
Could you disable your cache plugin so I can see where the CSS is coming from?
Sure, I just deactivated W3 Total Cache.
Is there a better way to do related posts? I tried using the Query Loop / Posts List block (which I'd prefer over using a plugin), but I can't find a way to have it show posts based on Category.
Hi there,
aside from Related Post plugins there isn't currently a better way we can offer. WPSP will be intergrated in GenerateBlocks in the future we're we will include these kinds of features.
CSS issue, replace this:
.wp-show-posts {
background-color: #fff;
padding: 24px 20px 10px 20px;
margin-top: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
box-shadow: rgba(23, 43, 99, .14) 0 7px 28px !important;
}with:
.wp-related-posts {
background-color: #fff;
padding: 24px 20px 10px 20px;
box-shadow: rgba(23, 43, 99, .14) 0 7px 28px !important;
}
.wp-related-posts .wp-show-posts {
margin-left: 0;
padding: 0;
}Thanks!
You're welcome
