9 Replies Latest reply on Nov 27, 2015 1:03 PM by Nancy OShea

    Can't get the button change on hover

    LaurensHoddenbagh Level 1

      I have two sets of buttons. The first set is for navigation, the second set is for download and info. The first set works fine, the second set works fine too, but I can't get these buttons to change when I hover over them. Here is the code I used for the second set (this set is used with book covers):

      .book_covers li .btn1, ul li .btn2{

      border-radius: 10px;

      background-color: #E77600;

      cursor: pointer;

      width: 41%; height: 22.5%;

      padding: 0%;

      float: left;

      text-decoration: none;

      color: #fff;

      text-align: center;

      font-size:80%; cursor:pointer;

      -webkit-box-shadow: inset 1px 1px 5px 2px #733B00;

      box-shadow: inset 1px 1px 11px 2px #733B00; -webkit-transition-duration:0.4s /*safari*/

      transition-duration: 0.4s;


      .book_covers li .btn1 {

      margin:0% 2% 4% 6%;


      .book_covers li .btn2{

      margin:0 5% 5% 1.5%;


      .book_covers li .btn1 a:hover {

      background-color: #FFF; color: #666;


      .book_covers li .btn2 a:hover


      background-color: #FFF; color: #666;


      The page where they are used is: [link] (http://www.hoddenbagh.nl/bibleopen/subjects_eBooks.html)