Masonry does not support RTL

[royeyal]

I’m using Post Showcase, and everything is aligned to the left.
I’ve added this code, which does add RTL support, but that makes the section become hidden.

(function ($) {
	"use strict";
	$(function () {
		$(".tb-isotope").isotope({
			isOriginLeft: false
		});
	});
}(jQuery));

Any help would be much appreciated.
Thanks

Topic

[Jason Bobich]

Ok, thanks, I’ll check it out. Any other RTL issues we’ve missed? Theme update is imminent.

[royeyal]

Images don’t pop out correctly. My fix:

.has-img-popout .site-inner.full_width .featured-item.popout,
.has-img-popout .element-section>.element-blog .featured-item.popout,
.has-img-popout .site-inner.full_width .entry-content .aligncenter.size-full,
.has-img-popout .site-inner.full_width .entry-content div.aligncenter,
.has-img-popout .site-inner.full_width .entry-content figure.aligncenter {
    margin: 40px -10% 40px auto;
}

My Tab Pills fix:

.rtl .nav-pills>li+li {
    margin-left: 0;
    margin-right: 2px;
}
.rtl .nav-pills>li {
    float: right;
}

And other things I’ve mentioned before, such as:

@media screen and (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: right;
    }
}

Thanks!

[Jason Bobich]

There have now been updates posted for Denali and Jump Start that incorporate the various RTL fixes we’ve discussed. I believe the only thing that didn’t make it in was the RTL fixes for the Bootstrap tabs.

[royeyal]

I’ve updated the theme. Some issues still linger.

The code section should be kept at LTR, since code isn’t written in RTL no matter what:

Column section is still a mess, also is the open/close triangle:
<br />

The Customize is also broken on RTL (forgot to repost that).

Masonry isn’t working yet:
http://setworkconquer.com/articles/

Thanks

• This reply was modified 4 years, 10 months ago by royeyal.

[Jason Bobich]

Masonry isn’t working yet:

You’re right on the Masonry… I guess I forgot to copy that over from Jump Start themeblvd.js. I don’t think I want to post another update for such a minor thing. Do you want to just update the framework javascript file in your version of the theme? And then down the line, when there’s another update, everything will just eventually sync up.

In the theme, open up the file:

/framework/assets/js/themeblvd.min.js

And replace it’s contents with this:

https://gist.githubusercontent.com/themeblvd/5282e0b1f49b9e543db3/raw/7f62fc40e465c2e5e321d9722d455c83ac6c69e3/themeblvd.min.js (just go to that URL, select all, and copy)

Column section is still a mess, also is the open/close triangle:

Sorry, I forgot there’s an update to the Layout Builder plugin, as well. So, update that on your Plugins page, and then also make sure to clear your browser cache so you know all the updated CSS files are being used.

https://wordpress.org/plugins/theme-blvd-layout-builder/changelog/

[Jason Bobich]

The code section should be kept at LTR, since code isn’t written in RTL no matter what:

I will get this fixed for the next update. I wasn’t aware of that.

The Customize is also broken on RTL (forgot to repost that).

And what’s broken in the customizer? The theme doesn’t add any kind of custom styling to the customizer. I see this the following. Are we talking about the same thing?

[royeyal]

Awesome! Masonry works now.
As is the Layout Plugin.

The Customizer is fixed now as well ever since I’ve updated the Layout Plugin along with the theme.
The Sidebar would appear blank, but now it works great.

Also “A boostrap styled alert.”
Should be bootstrap. Ahem… 🙂

Also 2: Not that important, but several phrases can’t be translated, such as Bulk, Apply, and several menu items:

Thanks once again

[Author]

Replies