RTL dirction

Hi!

Thank you very much for the proper details, it makes my work much easier.

The RTL direction should be automatical, but I see there is a conflict somewhere in the CSS. I’ve added the following custom CSS to the search options to fix that:

[html].searchsettings .asp_option {
flex-direction: row-reverse !important;
-webkit-flex-direction: row-reverse !important;
}

.asp_content {
text-align: right !important;
}[/html]

The results and the settings should appear now from the right to left.

Hi,

Yes, it is possible to fix the direction and the indenting with the following custom CSS:

[html].asp_option .label {
text-align: right !important;
}

.asp_option_cat_level-0 .label {
font-weight: bold !important;
}

fieldset .asp_option_cat_level-1,
fieldset .asp_option_cat_level-1 {
margin-right: 12px !important;
margin-left: 0;
}

fieldset .asp_option_cat_level-2,
fieldset .asp_option_cat_level-2 {
margin-right: 24px !important;
margin-left: 0;
}

fieldset .asp_option_cat_level-3,
fieldset .asp_option_cat_level-3 {
margin-right: 36px !important;
margin-left: 0;
}[/html]

It will look like this: http://i.imgur.com/JI7gZVp.png

Separating them into columns is however not possible, it only works for items within separate taxonomies. (tags, categories, product categories etc..)

Hi!

Sorry, I have missed those 🙂
This should solve that as well:

[html].searchsettings {
direction: rtl !important;
}

.searchsettings legend {
text-align: right !important;
}[/html]

The scrolling is automatically calculated, but if you change the Filter boxes height option to ‘auto’ then it will be disabled: http://i.imgur.com/4HIes9m.png

Hi,

Yes, that was the problematic line. I have logged in and made a different CSS rule, so it should be on the right side properly now.