Jump to content

Buttons disappeared after using CSS Hero


Tramijo

Recommended Posts

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

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...