Design ‘Downgrade’ at one place

Hi @t2m,

Thanks for using our plugin.

We really appreciate this feedback. We rely on feedback from our users to continue making improvements to the plugin.

This was certainly a subjective design decision that we made, and I completely understand the desire to keep the ribbon. As of now, I don’t think I’ll be changing back to the ribbon, but if I keep hearing feedback like yours, I will certainly consider it.

You can use the following code to add the ribbon back. Add this to the Additional CSS area of the Customizer. (NOTE: It will remove the rounded corners from the cards, but since the ribbon has squared corners, you’d probably want the cards to be squared off as well.)

/* Add the ribbons back */
.ld_course_grid .thumbnail {
	overflow: visible;
}
.thumbnail.course .ld_course_grid_price {
	top: 10px;
	left: -8px;
	border-radius: 0;
}
.thumbnail.course .ld_course_grid_price:before {
	display: block;
	border: 4px solid transparent;
	border-top: 4px solid #348c34;
	border-right: 4px solid #348c34;
	content: "";
	position: absolute;
	left: 0;
	bottom: -8px;
}
.ld-course-list-items .ld_course_grid {
	border-radius: 0;
}

If you would like to make any other small edits to the course grid styles, please let me know. I’d be happy to send you the code to do so.

• This reply was modified 6 years, 6 months ago by Escape Creative.

Thank you very much for the code. It works exactly as I wished it to.

I really hope, one day ribbon will return and then we’ll not need the patch.
??

Thanks again for this wonderful plugin!

I’ll definitely keep your feedback in mind. If I do decide to bring the ribbon back, I will comment here so you get notified and can remove the extra code.

Could I ask a quick favor? Whenever you have a free minute, would you mind leaving us a review?

It will help spread the word about our plugin, and assure people that we provide fast & helpful support.

If there’s anything else we can help you with, please don’t hesitate to reach back out.

Thank you so much!

A small update is needed to the code above to get the ribbons back. Please use this full code instead:

/* Add the ribbons back */
.ld-course-list-items.row .ld_course_grid,
.ld_course_grid .thumbnail {
	overflow: visible;
}
.thumbnail.course .ld_course_grid_price {
	top: 10px;
	left: -8px;
	border-radius: 0;
}
.thumbnail.course .ld_course_grid_price:before {
	display: block;
	border: 4px solid transparent;
	border-top: 4px solid #348c34;
	border-right: 4px solid #348c34;
	content: "";
	position: absolute;
	left: 0;
	bottom: -8px;
}
.ld-course-list-items .ld_course_grid {
	border-radius: 0;
}