Home Forums WoodMart support forum price checkbox highlighting issue

price checkbox highlighting issue

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #35188

    Haresh
    Participant

    Hello,

    I have check with the different case, I have found price checkbox highlighting an issue in the sidebar widget. See Below

    Case 1: See attached Screenshot named, screen_1.jpg, and screen_2.jpg
    Case 2: See attached SCreenshot name, screen_3.jpg, and screen_4.jpg

    ======================================================================
    Below code is provided by you for pricing checkbox:
    ======================================================================
    .woodmart-price-filter ul > li > a {
    position: relative;
    }

    .woodmart-price-filter ul > li > a:before {
    content: “”;
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    width: 14px;
    border: 2px solid #d8d8d8;
    margin-right: 8px;
    margin-top: -2px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    }

    .woodmart-price-filter ul > li > a:hover:before {
    border: 2px solid #69bc45;
    }

    .woodmart-price-filter ul > li > .current-state:before {
    background-color: #69bc45;
    border-color: #69bc45;
    }

    .woodmart-price-filter ul > li > a:after {
    content: “\f109”;
    font-family: woodmart-font;
    position: absolute;
    left: 2px;
    top: 0px;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    opacity: 0;
    }

    .woodmart-price-filter ul > li > .current-state:after {
    opacity: 1;
    }

    Attachments:
    You must be logged in to view attached files.
    #35196

    Artem Temos
    Keymaster

    Hi,

    As you can see, on the second example you click on 20-40 range and then see 20-30 because they are generated dynamically based on all products shown on the current selection.

    Regards

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