RTL dirction

[hsn11]

Hello,

How i change directions to RTL ?

Thanks

[Ernest Marcinko]

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.

[hsn11]

Thank you..

http://mjared.net/

I have some new notes:
– The search settings (categories) now is not RTL ? How we can fix it?
– Can i make the main categories featured? and sub-categories under the main categories? In three columns .. and if its more it will be in a new line? can we do it?

Thanks

[Ernest Marcinko]

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..)

[hsn11]

Thanks…

Can you please check the attached images ?
– Image number 2 i do it by photoshop .. its what i want to be .

– How i can remove the scroll?

Thanks & Regards

• This reply was modified 9 years, 1 month ago by hsn11.

[Ernest Marcinko]

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

[hsn11]

Hi..

Pleas check attached image .. i think the error from this line:
[code].searchsettings {
direction: rtl !important;
}
[/code]

I changed the Filter boxes height , but also somthing erorr … plz check the site http://mjared.net/

( the attached image is before change Filter boxes height)

Thanks

[Ernest Marcinko]

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.

[Author]

Posts