Hey there,
I am currently setting up my website and I use wordpress to get everything started. I am not a programmer but can adapt stuff pretty quickly (actually :-D). I added LearnPress Plugin to my Wordpress website to offer some courses. To change the Design and align it to my websites look, I purchased CSS Hero to change colours, fonts, sizes, etc.
Somehow I crashed the buttons of my courses overview. When i used CSS Hero to change them the tool always adapted the changes to all of them. Now I am curious why only 2 out of 5 are left? (The "enroll" buttons) Any ideas? And a further question would be: How can i remove the brown background hover effect whenever hovering the buttons?
Thank you very much in advance for your kind help.
Cheers,
Jonas
This is the site:
https://tramijo.com/courses/
This is the according CSS code (particular button in bold) of this site:
ul.learn-press-courses .course .course-thumbnail img {
font-size: 16px;
height: 250px;
width: 275px;
}
ul.learn-press-courses .course .course-info .course-instructor a {
color: #0e4171;
padding-right: 38px;
padding-bottom: 0px;
margin-bottom: 0px;
margin-top: 0px;
margin-right: 71px;
line-height: 16px;
font-style: normal;
}
ul.learn-press-courses .course .course-title {
font-size: 23px;
font-family: Roboto;
}
.learn-press-breadcrumb a {
color: #0e4171;
}
form[name=search-course] .search-course-button {
margin-bottom: 9px;
padding-bottom: 18px;
margin-top: -3px;
padding-top: 16px;
padding-right: 24px;
margin-right: -1px;
padding-left: 21px;
}
.learn-press-breadcrumb {
visibility: hidden;
} .lp-course-buttons .lp-button {
margin-top: 8px;
padding-right: 100px;
padding-bottom: 5px;
margin-right: 0px;
margin-bottom: -19px;
margin-left: 0px;
width: 40px;
height: 45px;
border-right-style: solid;
border-right-width: 100px;
border-left-style: solid;
border-left-width: 7px;
right: 8px;
top: -10px;
line-height: 48px;
font-size: 21px;
font-style: normal;
padding-left: 88px;
}