RTL dirction

[hsn11Participant]

Hello,

How i change directions to RTL ?

Thanks

[Ernest MarcinkoKeymaster]

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:

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

.asp_content {
  text-align: right !important;
}

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

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

[hsn11Participant]

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 MarcinkoKeymaster]

Hi,

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

.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;
}

It will look like this: https://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..)

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

[hsn11Participant]

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 6 years, 12 months ago by  hsn11.

Attachments:

You must be logged in to view attached files.

[Ernest MarcinkoKeymaster]

Hi!

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

.searchsettings {
   direction: rtl !important; 
}

.searchsettings legend {
   text-align: right !important;    
}

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

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

[hsn11Participant]

Hi..

Pleas check attached image .. i think the error from this line:

.searchsettings {
   direction: rtl !important;
}

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

Attachments:

You must be logged in to view attached files.

[Ernest MarcinkoKeymaster]

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.

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

[Author]

Posts