Zentools2 filtered column display issues

saguaros

modernmagic1
Hi,

Could you share the ftp account also?

modernmagic1

saguaros I added the ftp details.

aman204

modernmagic1 You may check now. Ref: Screencast Have added this to custom.css file of template assigned :

.zentools:not(.zt-caption) .zt-item{display:inline !important;}

Kindly ensure to clear your browser cache if changes dont reflect.

modernmagic1

Thank you.

It is still happening if you filter by "catalog".

Is this custom css required due to something I am doing wrong or should be doing differently?

aman204

modernmagic1 Is this custom css required due to something I am doing wrong or should be doing differently?

Can see that specific CSS isnt there which had been added. Kindly have the same remain there as intact and thereon, You may kindly review

modernmagic1

aman204 I have added .zentools:not(.zt-caption) .zt-item{display:inline !important;} to /templates/shaper_helixultimate/css/custom.css but that breaks zentools and it no longer filters. https://www.modernmagic.com/portfolio

I'm not sure what aman204 did?

aman204

modernmagic1 but that breaks zentools and it no longer filters.

I am unable to replicate any such issue and the functionality works as envisaged with items positioning fine with CSS added. Kindly recheck again

modernmagic1

aman204 Here is a screen recording of what I see. https://www.dropbox.com/s/oj26rz4yxhmohdv/zt-alignment.mov?dl=0

aman204

modernmagic1 Here is a screen recording of what I see.

Can you post clear screen recording so as to have closer look as the text in current one can be hardly seen

modernmagic1

aman204 I'm sorry. Here is a 1080 version: https://www.dropbox.com/s/ttz2v7q5ftwx14r/zentools-issue-1080.mov?dl=0

aman204

modernmagic1 Please review again as the text can hardly be seen still with the updated screen recording. Ref: Screenshot

modernmagic1

aman204 I rewatched the zentools-issue-1080.mov video and its a 37mb 1080 screencast. https://www.dropbox.com/s/ttz2v7q5ftwx14r/zentools-issue-1080.mov?dl=0

aman204

modernmagic1 Having viewed the screen recording again however, the text is still hardly visible

You may also kindly view the screencast again wherein the items are appearing fine as envisaged. Screencast:

screen-zentoolsmov.zip

749B

modernmagic1

Im not sure why every time I try it does not work. I have tried Mac Chrome, Safari, FF and Windows Chrome, and IE. They all do not display the filtered articles correctly.

Can you please have someone else test this page? https://www.modernmagic.com/portfolio

aman204

modernmagic1 Can you please have someone else test this page?

Sure. Will ask other team member also to check at their end and see if the issue persists

blue_shift

modernmagic1 It looks some logic isn't completing it's work, so I would guess it's a JQuery thing. Do you have the module loading JQuery? You could try toggling it off. (Or vice versa.) Have you tried a JQuery manager to suppress conflicts? The free version of JQuery Easy will do that much for you. This is the first thing I do when things go bonkers.

modernmagic1

blue_shift I have commented out the css that aman204 recommended to fix the original alignment issue and now the module at least loads correctly. /.zentools:not(.zt-caption) .zt-item{display:inline !important;}/

But now I am back to the alignment issue.

Click on "calatlog" https://www.modernmagic.com/portfolio

blue_shift

modernmagic1 Looks OK to me. (Firefox) (edit: Chrome looks good, too.)

modernmagic1

blue_shift Can you test the other tags. Catalog looks good now but I have attached what I see for the others.

blue_shift

modernmagic1 Yes - the others look like your screenshots. Most puzzling.

blue_shift

modernmagic1 ooh. On construction, if I remove the !important from the following declaration, the Bielski item returns to the top row.

That's located in media/plg_jchoptimize/assets2/jscss.php

[grid-col~="1/4"]:not(.zt-no-collapse):nth-child(4n+1) {
    clear: left !important;
}

you might try clear: none !important; in your custom.css to see what happens