Page 1 of 1
Typerite - RTL
Posted: Sat Sep 21, 2019 8:21 pm
by abdulhalim
Hello guys,
How can I change direction of masonry cards to float left to the right for RTL languages, The feeds depend on jquery plugin, So I couldn't change the direction, any help would be appreciated.
By default last post appears in the left page, but in RTL languages is vise versa.
Re: Typerite - RTL
Posted: Mon Sep 23, 2019 8:32 pm
by Edi
1) Change the following in the file
main.css in the directory
/bl-themes/typerite-1.0/css (line 1717):
instead of
2) Disable the scripts
modernizr.js and
main.js in the directory
/bl-themes/typerite-1.0/js.
The content is ordered RTL, but without the animation.
Re: Typerite - RTL
Posted: Thu Sep 26, 2019 5:03 pm
by abdulhalim
Thank you, Edi.
I did what you say, but there is a problem, the menu (sidebar and the responsive menu depends on JS). I did the CSS stuff before everything works except the feeds on the main menu, anyway if I disabled the JS' files, The feeds show correctly but the menu in both ways will be disabled too.
Regards,
Abdulhalim
Re: Typerite - RTL
Posted: Fri Sep 27, 2019 6:24 pm
by Edi
abdulhalim wrote: ↑Thu Sep 26, 2019 5:03 pm
I did what you say, but there is a problem, the menu (sidebar and the responsive menu depends on JS).
Sorry! I didn't test it.
But the solution is much more easier...
Modify the section "masonry" in the file
main.js in the directory
/bl-themes/typerite-1.0/js by adding
originLeft: false (line 151):
Code: Select all
containerBricks.masonry({
itemSelector: '.masonry__brick',
columnWidth: '.grid-sizer',
percentPosition: true,
resize: true,
originLeft: false
});
instead of
Code: Select all
containerBricks.masonry({
itemSelector: '.masonry__brick',
columnWidth: '.grid-sizer',
percentPosition: true,
resize: true
});
For more information see
https://masonry.desandro.com
Re: Typerite - RTL
Posted: Fri Sep 27, 2019 6:45 pm
by abdulhalim
Thank you, Edi
I was looking after "masonry__brick" class in the plugin.js file!
Cheers,
Abdulhalim