Skip to content

Instantly share code, notes, and snippets.

@wpacademy
Last active October 15, 2022 15:08
Show Gist options
  • Star 12 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save wpacademy/2a4d0f85a4c1231272e1e7fdb0fdd6bf to your computer and use it in GitHub Desktop.
Save wpacademy/2a4d0f85a4c1231272e1e7fdb0fdd6bf to your computer and use it in GitHub Desktop.
LearnPress Courses widget grid for elementor.
/**********************************
* LearnPress Courses Grid
* By WP Academy.PK
**********************************/
.wpac-learnpress-grid .widget-body {
text-align: center;
display: flex;
}
.wpac-learnpress-grid .widget-body .course-entry {
text-align: center;
flex: 1;
margin: 0 15px;
position: relative;
}
.wpac-learnpress-grid .widget-body .course-entry .course-title {
font-family: "Open Sans Condensed", Sans-serif;
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
}
.wpac-learnpress-grid .widget-body .course-entry .course-meta-field:first-child {
position: absolute;
top: -7px;
left: -7px;
padding: 5px;
background: seagreen;
color: #ffffff;
line-height: 1;
border-radius: 2px;
}
@Noorbllahbacha
Copy link

Very helpful.I am very thankful to you.

@m8811163008
Copy link

thank you
It was helpful
I changed .wpac-learnpress-grid to .archive-course-widget-outer and it works right

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment