Navigation
Archive / How to make this button change color on hover
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 29, 2016 at 4:36 am #1274439
    VelocityWeb
    Blocked

    How can I make this button do something (like bold, shadow, fill colour or change border color) on hover
    https//www.velocitywebsites.co.nz
    Current code

    .x-btn.my-button-center {
    display: block;
    margin: 0 auto;
    width: 70%;
    background-color:
    rgba(228, 228, 228, .1);
    border-width: 2px;
    border-color: #fff;
    }

    November 29, 2016 at 4:37 am #1274440
    VelocityWeb
    Blocked

    new pic

    November 29, 2016 at 4:48 am #1274457
    Lely
    Moderator

    Hi There,

    Thank you for the screenshot.
    Please use the following CSS:

    .x-btn.my-button-center:hover {
    font-weight: bold;
    border-color: red;
    box-shadow: 5px 5px 5px green;
}

    Adjust the values accordingly.

    Hope this helps.

    November 29, 2016 at 5:19 am #1274481
    VelocityWeb
    Blocked

    Perfect! Thanks

    November 29, 2016 at 5:29 am #1274490
    Paul R
    Moderator

    You’re welcome! 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1274439 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>