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.
Buttons disappeared after using CSS Hero
in CSS
Posted
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;
}