Our office will be closed for celebrating our Lunar New Year from 20 to 26 January 2023. It will take around 1-2 days for us to reply to your ticket.

Okay
  Public Ticket #1677790
Problems with layout widget "Filter Products by price​"
Closed

Comments

  • Zabrodskij started the conversation

    After installing the widget, "Filter Products by price" and noticed that there are problems in layout.

  •  1,007
    Ha replied

    Hi,

    You can add the following css code: Appearance >> Customize >> Additional CSS

    .widget_price_filter .price_slider_wrapper { padding: 0; }

    .widget_price_filter .price_label {

    display: inline-block;

    width: 100%;

    }

    Thank you.


    Support Team

    We are located in GMT +7 time zone and we answer all questions within 12-48 hours on weekdays. In some rare cases, the waiting time can be to 48 hours. Support tickets sent during weekends or public holidays will be processed next Monday or the next business day. 

    If you like our theme, Please vote it 5 stars. We are really really appreciate your vote : 

    To vote go to http://themeforest.net/downloads then follow that link | And Download Our Promotion Themes 

    Thanks and have a nice day!

  • Zabrodskij replied

    Now better. But, it's probably better to align the price text to the right or center, this code has already seen written but not working. Also, with the button, look at the phone.

    Thank you.

  •  1,007
    Ha replied

    Hi,

    About your issues, you can add the following css code:

    .woocommerce .widget_price_filter .price_slider_amount .button {width: 100%;}

    .widget_price_filter .price_label {text-align: center;}

    Thank you.


    Support Team

    We are located in GMT +7 time zone and we answer all questions within 12-48 hours on weekdays. In some rare cases, the waiting time can be to 48 hours. Support tickets sent during weekends or public holidays will be processed next Monday or the next business day. 

    If you like our theme, Please vote it 5 stars. We are really really appreciate your vote : 

    To vote go to http://themeforest.net/downloads then follow that link | And Download Our Promotion Themes 

    Thanks and have a nice day!

  • Zabrodskij replied

    I also added a code snippet:

    .woocommerce .widget_price_filter .price_slider_amount .button {
    width: 100%;
    font-size: 1.12em;
    }

    But I notice that in another place prior to these changes was faulty "Screenshot_20180817-114251.png"

    Thank you.

  •  1,007
    Ha replied

    HI mate,

    You can add the following css code to fix this problem.

    @media(max-width:450px) {

    form.woocommerce-ordering select {width: 100%;}

    }

    Thank you.



    Support Team

    We are located in GMT +7 time zone and we answer all questions within 12-48 hours on weekdays. In some rare cases, the waiting time can be to 48 hours. Support tickets sent during weekends or public holidays will be processed next Monday or the next business day. 

    If you like our theme, Please vote it 5 stars. We are really really appreciate your vote : 

    To vote go to http://themeforest.net/downloads then follow that link | And Download Our Promotion Themes 

    Thanks and have a nice day!