[frezko]

Hello!

When I open the book, my portfolio items does not align properly until after I have pressed either one of; ALL, PICTURES, VIDEOS. Much easier if you see for yourself:
http://www.fskogsrud.com

How do I fix this? Thank you.
Fredrik

[Mehmet S.]

Please update to the latest version.

[frezko]

I have now updated, but it’s still the same problem.

[Mehmet S.]

I will try to find what that is caused to this.

[frezko]

Thank you, please let me know as soon as you have. Really need my page up and running :)
Thank you so much.

[frezko]

Also; How do I get the thumbnails to not be portrait-sized, but square, when I can only choose between size 1x and 2x?
Thanks

[Mehmet S.]

Select 1x.

[frezko]

I have tried.
But anyways; have you found a fix for what is happening with the alignment?

[Mehmet S.]

Paste to Theme Options > Style > Custom CSS:

.portfolio-items .hentry { width: 39%; }

[frezko]

Sorry, that did not work.. Any other ideas?

[Mehmet S.]

Paste to Theme Options > Style > External JS:

<script>
jQuery(document).ready(function($)
{
$( '.portfolio-items' ).isotope( 'reloadItems' );
});
</script>

[frezko]

Nope, still does not work Mehmet :/

[frezko]

Really need my web up and running, but this issue is impossible to fix?

[frezko]

Hello Mehmet? I’m sure there has to be other people with same issue? Does not work to reinstall everything either..

[Mehmet S.]

No one else has this issue. I will ask it to a professional.

[frezko]

Have you found anything Mehmet?
Thank you. I just can not launch my website with this issue :-/

[Mehmet S.]

Some other people reported this. I will ask it to a professional.

[ahmetsali]

Try this code;

Paste to Theme Options > Style > External JS:

<script>
window.onload = function()
{
   setMasonry();
};
</script>

if it doesn’t work try this piece of code;

<script>
window.onload = function()
{
   $('#filters li').eq(1).find('a').trigger('click');
   $('#filters li').eq(0).find('a').trigger('click');
};
</script>

[frezko]

Thanks for replying. But I’m afraid none of the codes fix the issue.. it’s really weird, because after just pressing “PICTURES” it comes right where it should be..

Any other ideas?

[Mehmet S.]

Please update the theme to the latest version and try again.

Thanks

[frezko]

It is update to 3.5 and still does not work with either of the codes..

[frezko]

Any suggestions?

[Mehmet S.]

Hi,

– Use this in your External JS field:

<script>
jQuery(document).ready(function($)
{
$( '.portfolio-items' ).isotope( 'reLayout' );
});
</script>

[ahmetsali]

Did the code above work ?

I just replaced our demo site portfolio content to be identical to yours, and it works fine on my side. It’s really weird.

[frezko]

Did not work.. Dont understand why!!

[ahmetsali]

Ok i can’t solve the problem since it doesn’t occur on my side even i tried with your content.

If you provide wp login credentials (to mail-removed) i can play with the code and see if i can fix it.

[frezko]

sent you a PM @ahmetsali !

[ahmetsali]

Hi, i managed to fix it after playing with the codes. This is the code i have put to External JS Box;

<script>
jQuery(document).ready(function($)
{

  $('.rm-button-open').click(function() { 
     $('#filters li').eq(1).find('a').trigger('click');
     $('#filters li').eq(0).find('a').trigger('click');
  });

});
</script>

Also we made a small fix about External JS box, and updated the theme to 4.0, i updated your theme you don’t have to update it again.

[frezko]

Thank.you.so.MUCH! :-)
Haha, I feel this calls for a celebration !

[tanvipaul]

my portfolio thumbnails are not centered they’re too much towards the left and also the “portfolio” header is totally absent, help! my site is tanvi.co.uk

[Mehmet S.]

Hi,

– create a new page with title “Portfolio”,

– select it from the option under Theme Options > Pages > Portfolio Page.

Thanks

[acid45087]

these still not working for me… tried everything here and still sometimes (particularly when first loading the website) the project thumbnails still align to the left, after I select one of the other departments or reload the page it gets fixed.

Help? anyone?

[Mehmet S.]

Can you provide your url?

[acid45087]

morankal.com

[ahmetsali]

Hi @acid45087

i tested your site on various screen sizes, all good for me. On which screen resolution / browser you see the issue ?

[frezko]

This still doesn’t work actually :s Dont know why, because it did work..?

[ahmetsali]

@frezko

i just checked your site again, portfolio items are aligned well, do you still have problem about this?

[frezko]

well now it actually do align properly. Unsure why that happened! Thanks anyways :-)

[thyagoresende]

I was having the same problem, everything under portfolio getting scrambled 50% of the time I loaded my site.

I’ve tried to updade in order to use the js code, but the updade broke my site.

So I rolled back on the previous version I had (4-8-1) and tried the js codes. None of them worked.

So as a last attempt I was messing with the initial css solution mehmet proposed and this is what made it work for me:

.portfolio-items .hentry { width: 309%; }

I don’t know why such a big number works, smaller numbers won’t, but I’m glad its up and running nicely now.

[cuentacanciones]

I have this issue too, Ihave added your code (actually all combinations). right now my external Js code is:

jQuery(document).ready(function($)
{

$(‘.rm-button-open’).click(function() {
$(‘#filters li’).eq(1).find(‘a’).trigger(‘click’);
$(‘#filters li’).eq(0).find(‘a’).trigger(‘click’);
});
$( ‘.portfolio-items’ ).isotope( ‘reloadItems’ );
$( ‘.portfolio-items’ ).isotope( ‘reLayout’ );

});

It works on computers but not on mobile version. Here you can see the problem (On your mobile):
http://elprofesionalweb.com/

[cuentacanciones]

I’m not sure if these js errors (you can see them when you inspected the page) are related (By the way i haven’t modified any file):

cannot call methods on isotope prior to initialization; attempted to call ‘reloadItems’r @ isotope.pkgd.min.js?ver=4.3.5:7t.fn.(anonymous function) @ isotope.pkgd.min.js?ver=4.3.5:7(anonymous function) @ (index):8l @ jquery.min.js:2c.fireWith @ jquery.min.js:2v.extend.ready @ jquery.min.js:2A @ jquery.min.js:2
isotope.pkgd.min.js?ver=4.3.5:7 cannot call methods on isotope prior to initialization; attempted to call ‘reLayout’r @ isotope.pkgd.min.js?ver=4.3.5:7t.fn.(anonymous function) @ isotope.pkgd.min.js?ver=4.3.5:7(anonymous function) @ (index):8l @ jquery.min.js:2c.fireWith @ jquery.min.js:2v.extend.ready @ jquery.min.js:2A @ jquery.min.js:2
isotope.pkgd.min.js?ver=4.3.5:7 no such method ‘reLayout’ for isotope instance

Note: I have your last theme version

[cuentacanciones]

I have found the issue, is the plugin: WPBakery Visual Composer, when is deactivated all works fine.

[ahmetsali]

@cuentacanciones

happy to hear that you have sorted it out.