Skip to content

Instantly share code, notes, and snippets.

@robertuniqid
Created March 11, 2018 09:12
Show Gist options
  • Save robertuniqid/73cc65b87582d57b13e7b5e67abf36d8 to your computer and use it in GitHub Desktop.
Save robertuniqid/73cc65b87582d57b13e7b5e67abf36d8 to your computer and use it in GitHub Desktop.
WPEP 4 Per Row CSS Conflict instructions, increment & decrement values until it works. This is not the best solution, but the easiest.
.wpep-wrapper>.wpep-container .course-grid-container [data-items-per-row="4"] .course-grid-item, .wpep-wrapper>.wpep-container .course-grid-container [data-items-per-row="4"] .ebook-grid-item, .wpep-wrapper>.wpep-container .course-grid-container [data-items-per-row="4"] .offer-grid-item {
width: 22.8% !important;
}
@media (max-width: 992px) {
.wpep-wrapper>.wpep-container .course-grid-container [data-items-per-row="4"] .course-grid-item, .wpep-wrapper>.wpep-container .course-grid-container [data-items-per-row="4"] .ebook-grid-item, .wpep-wrapper>.wpep-container .course-grid-container [data-items-per-row="4"] .offer-grid-item {
width: 31.0% !important;
}
}
@media (max-width: 768px) {
.wpep-wrapper>.wpep-container .course-grid-container [data-items-per-row="4"] .course-grid-item, .wpep-wrapper>.wpep-container .course-grid-container [data-items-per-row="4"] .ebook-grid-item, .wpep-wrapper>.wpep-container .course-grid-container [data-items-per-row="4"] .offer-grid-item {
width: 100% !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment