problem in rtl and another feature

[karimParticipant]

hi

1. i have a problem with rtl with setting content
i do not know what css element will resolve this issue
the slider handle also did not work

2. another thing i ask if you can add feature in next update
make user can type the range in two input boxes instead of slider, i found some errors in slider on phones
thanks

• This topic was modified 5 years, 2 months ago by  karim.

[Ernest MarcinkoKeymaster]

Hi!

1. Thank you for the details, this improved custom CSS should do the trick (replace the previous one):

div.asp_w.asp_s.searchsettings form, div.asp_w.asp_sb.searchsettings form {
    flex-direction: row-reverse !important;
    margin-right: 10px !important;
}
 
.asp_content, .asp_nores, .asp_content *, .asp_nores *, .searchsettings form {
    text-align: right !important;
    direction: rtl !important;
}

div.asp_w.asp_s.searchsettings div,
.asp_option,
.asp_option::after {
    direction: ltr !important;
}

2. I have noted your request, hopefully we can implement it on a future release.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[karimParticipant]

thanks a lot for your replay
1. it works and solved the problem with hovering setting box
— but with block setting box the issue still exists (if you check the page again you will find an example with block setting box)

2. another thing i test the range handle on phone devices there is a problem when you hold and slide to change the range this problem not only on my site but also on example here https://ajaxsearchpro.com/woocommerce-search/
— just hold right handle and adjust range go to the left handle and hold to adjust the low range you will find that the right handle moved and covered the right handle

thanks

• This reply was modified 5 years, 2 months ago by  karim.
• This reply was modified 5 years, 2 months ago by  karim.

[Ernest MarcinkoKeymaster]

Hi!

1. Sorry about that, this should do it for both layouts:

div.asp_w.asp_s.searchsettings form, div.asp_w.asp_sb.searchsettings form {
    flex-direction: row-reverse !important;
    margin-right: 10px !important;
}
  
.asp_content, .asp_nores, .asp_content *, .asp_nores *, .searchsettings form {
    text-align: right !important;
    direction: rtl !important;
}
 
div.asp_w.asp_s.searchsettings div,
div.asp_w.asp_sb.searchsettings div,
.asp_option,
.asp_option::after {
    direction: ltr !important;
}

2. Indeed. I will look into this in more details for the upcoming release. There is probably an issue with the noui slider script we are using.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[karimParticipant]

thanks alot
the css code solve my problem
(:
i will waiting you to solve the handle issue in upcoming updates.

thanks bro

• This reply was modified 5 years, 2 months ago by  karim.

[Ernest MarcinkoKeymaster]

You cannot access this content. Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts