Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • tabbus Friend
    #1061898

    Hello,

    I’ve been trying to change the rollover colour for the btn-primary button, and although I can do this, there seems to be a second filter colour over the top, which I cannot seem to find where to modify.
    Can someone explain where this may be, or if it’s in a jQuery document?

    Thanks


    1. Screenshot-2017-09-13-17.54.59
    Pankaj Sharma Moderator
    #1061949

    Hi
    Add below code in custom.css file and change the colour code as per needs

    input.btn-primary:hover, button.btn-primary:hover, input.btn-primary:focus, button.btn-primary:focus, input.btn-primary:active, button.btn-primary:active {
        background: #1bbc9b;
    }

    Regards

    tabbus Friend
    #1062065

    Hello,
    Thanks but I have already attempted this, there seems to be another filter colour that animates over the top, I’ve attached a screen recording.


    1. Button-filter.mov
    Pankaj Sharma Moderator
    #1062083

    Hi
    Kindly share the URL of site here.

    Regards

    tabbus Friend
    #1062094
    This reply has been marked as private.
    Pankaj Sharma Moderator
    #1062204

    Hi
    Kindly add the code i suggested.
    I checked and found there is no custom.css file loading.

    Also add this code and changes the colour code

    .btn-primary:after {
        background: #1bbc9b;
    }

    Regards

    tabbus Friend
    #1062693

    Thanks that’s solved the issue of the background, but I cannot see where to remove the border colour when hovering?

    tabbus Friend
    #1062694

    I’ve added .btn-primary:hover { border-color: none}
    But this does not work

    Pankaj Sharma Moderator
    #1062766

    Hi
    Use this code in first line of custom.css file

    .btn-primary:after {
        background: #000!important;
    }
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background: none;
        border-color: #000;
    }
    button.btn-primary:hover, input.btn-primary:focus, button.btn-primary:focus, input.btn-primary:active, button.btn-primary:active {
        background: #000!important;
    }

    I tested it and its working fine.

    Regards

    tabbus Friend
    #1063530

    Excellent that’s worked, many thanks

    Pankaj Sharma Moderator
    #1063731

    You are welcome!

Viewing 11 posts - 1 through 11 (of 11 total)

This topic contains 10 replies, has 2 voices, and was last updated by  Pankaj Sharma 8 months, 3 weeks ago.

We moved to new unified forum. Please post all new support queries in our New Forum