Typerite - RTL
- abdulhalim
- Master Bludit
- Posts: 128
- Joined: Thu Mar 10, 2016 6:25 pm
- Location: Bandar Abbas
- Been thanked: 4 times
- Contact:
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.
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.
- Edi
- Site Admin
- Posts: 3121
- Joined: Sun Aug 09, 2015 5:01 pm
- Location: Zurich
- Has thanked: 54 times
- Been thanked: 77 times
- Contact:
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.
Code: Select all
float: right;
Code: Select all
float: left;
The content is ordered RTL, but without the animation.
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
- abdulhalim
- Master Bludit
- Posts: 128
- Joined: Thu Mar 10, 2016 6:25 pm
- Location: Bandar Abbas
- Been thanked: 4 times
- Contact:
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
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
- Edi
- Site Admin
- Posts: 3121
- Joined: Sun Aug 09, 2015 5:01 pm
- Location: Zurich
- Has thanked: 54 times
- Been thanked: 77 times
- Contact:
Sorry! I didn't test it.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).
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
});
Code: Select all
containerBricks.masonry({
itemSelector: '.masonry__brick',
columnWidth: '.grid-sizer',
percentPosition: true,
resize: true
});
https://masonry.desandro.com
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
- abdulhalim
- Master Bludit
- Posts: 128
- Joined: Thu Mar 10, 2016 6:25 pm
- Location: Bandar Abbas
- Been thanked: 4 times
- Contact:
Thank you, Edi
I was looking after "masonry__brick" class in the plugin.js file!
Cheers,
Abdulhalim
I was looking after "masonry__brick" class in the plugin.js file!
Cheers,
Abdulhalim