Support » Theme: Twenty Sixteen » Appling css to button on Twenty Sixteen

  • danjde

    (@danjde)



    Hi friends,
    I’m trying to reproduce the google button “I feel lucky” on our “homepage” association site.
    But for a reason I do not know, always appears a line of a px at the button bottom and while applying the border “:hover ” this does not appear.

    The web site: http://www.3x1t.org

    This is the css:

    .mybutton {
      font-family: arial;
      color: #6B6B6B !important;
      font-size: 14px;
      text-shadow: 1px 0px 0px #6B6B6B;
      box-shadow: 1px 1px 1px #F9F9F9;
      padding: 10px 25px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      background: #ECEDEE;
      background: linear-gradient(top,  #ECEDEE,  #ECEDEE);
      background: -ms-linear-gradient(top,  #ECEDEE,  #ECEDEE);
      background: -webkit-gradient(linear, left top, left bottom, from(#ECEDEE), to(#ECEDEE));
      background: -moz-linear-gradient(top,  #ECEDEE,  #ECEDEE);
    }
    .mybutton:hover {
      color: #3B3B3B !important;
      background: #F0F0F0;
      background: linear-gradient(top,  #F0F0F0,  #F0F0F0);
      background: -ms-linear-gradient(top,  #F0F0F0,  #F0F0F0);
      background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#F0F0F0));
      background: -moz-linear-gradient(top,  #F0F0F0,  #F0F0F0);
      border-color: #3b3b3b;
    }

    Could you give me a trick?
    Many many thanks!

    Davide

  • You must be logged in to reply to this topic.