We would like to remove the border separator and extra padding between posts in the Penci Latest Posts widget. I've tried various CSS but nothing works. Please let me know how to call this section in CSS. This is what I tried:
Unfortunately, that just removes the outer widget border and not the bottom border of each <li> post. I tried changing it to border-bottom and .penci-item-listp but that didn't work either.
We would like to remove the border separator and extra padding between posts in the Penci Latest Posts widget. I've tried various CSS but nothing works. Please let me know how to call this section in CSS. This is what I tried:
.penci-item-listp {
border-bottom: 0px;
border-style: none;
padding-bottom: 20px;
margin-bottom: 0px;
}
Hi,
Please try add more this code to Customize > Custom CSS to do that:
.penci_recent-posts-sc ul.side-newsfeed li{ border: none; padding: 0; margin-bottom: 20px; }Change value 20 to value as you want.
Best Regards,
PenciDesign
Unfortunately, that just removes the outer widget border and not the bottom border of each <li> post. I tried changing it to border-bottom and .penci-item-listp but that didn't work either.
Hi,
I see it's removed: https://prnt.sc/qduj12
Where is border bottom you're talking about?
Best Regards,
PenciDesign
You can close this ticket. I figured out a way to do it.