Tramijo

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; }