RTL dirction

This topic contains 7 replies, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 5 years, 2 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #12805
    hsn11
    hsn11
    Participant

    Hello,

    How i change directions to RTL ?

    Thanks

    #12826
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

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


    #12840
    hsn11
    hsn11
    Participant

    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

    #12859
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

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


    #12863
    hsn11
    hsn11
    Participant

    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 5 years, 2 months ago by hsn11 hsn11.
    Attachments:
    You must be logged in to view attached files.
    #12874
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

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


    #12876
    hsn11
    hsn11
    Participant

    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.
    #12902
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

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


Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.