Rounded Listing Preview Cards

Share this resource

Share on facebook
Share on twitter
Share on linkedin
Share on email
Share on facebook
Submitted by: Donald McGuinn
  • Code Type: CSS

This code will round the corners of all listing preview cards on the site. 

/*ROUNDED CORNERS FOR LISTING PREVIEW CARD*/
.lf-item{
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.listing-preview .c27-footer-section:last-child{
	border-bottom-right-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
}