Categories
← back to select extension
Incorrect display Price filter
  • 2015-12-27 15:52:39 MFP
    Sometimes in some templates "Price filter" is displayed incorrectly:
    558f2fb6351b9.png

    Solution:

    Please go to MFP -> Settings tab -> Style tab -> and insert the following code to field CSS Style and click RED button save to overwrite the settings in all existing modules:

    PC - price:
    #mfilter-opts-price-min, 
    #mfilter-opts-price-max {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    display: inline-block;
    }

    PC - slider for options/attributes/filters:
    .mfilter-box .mfilter-opts-slider-min, 
    .mfilter-box .mfilter-opts-slider-max {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    display: inline-block;
    }

    Widget - price:
    .mfilter-free-container #mfilter-opts-price-min, 
    .mfilter-free-container #mfilter-opts-price-max {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    }

    Widget - slider for options/attributes/filters:
    .mfilter-free-container .mfilter-opts-slider-min, 
    .mfilter-free-container .mfilter-opts-slider-max {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    }

    and accordingly reduce these values:
    width:
    min-width:
    max-width:
    to get below effect:
    558f35da38598.png