[Ernest Marcinko]

You cannot access this content.

[Ernest Marcinko]

Hi,

Well, it can cause a lot of conflicts, but you can try the following custom CSS:

.asp_r .item {
    display: flex;
    flex-direction: column;
}

.asp_r .item>div {
    position: static !important;
}

.asp_r .item .asp_item_overlay_img,
.asp_r .item .asp_item_overlay,
.asp_r .item .clear {
    display: none !important;
}

.asp_r .item .asp_content {
    overflow: initial !important;
}

I can’t guarantee anything thoug, the isotopic layout script is very sensitive to the output being in a fixed size.

[Ernest Marcinko]

You cannot access this content.

[Ernest Marcinko]

The header is not the best place for the script, I recommend putting it to the footer, right before the closing body tag, that should do the trick. When I initiate it from the console it does work, so the issue is only the timing.

Could this be written in vanilla JS rather than jquery?
Surely, it would be a bit more complicated, but since you have jQuery on the pages loaded, it’s just much simpler to utilize it.

[Ernest Marcinko]

You cannot access this content.

[Ernest Marcinko]

Thanks!

I have found the issue, it is unfortunately the theme. In the layout code, it uses a custom loop, which only allows posts, featured_item and page post types, please see screenshot of the related code here: https://i.imgur.com/KHuKX7R.png
If I change it to any and remove the last code block, then it works: https://i.imgur.com/rRZCItG.png
However making this change is a really bad idea, as any future update to the theme will override it.

There is probably a reason behind this, the grid might be designed for only those post types. You can let the theme author know, this might be just a bug. If it’s intentional, then he could add a hook to change these query args in a future release.

[Ernest Marcinko]

You cannot access this content.

[Ernest Marcinko]

Hi,

I’m not sure if something like that is possible to integrate easily.

You may have to do some modification, for that there is however the results templating feature. This might be doable even via custom CSS, but you may have to ask a developer about the exact details.

[Ernest Marcinko]

You cannot access this content.

[Ernest Marcinko]

You cannot access this content.

[Ernest Marcinko]

Hi,

I think the easiest and fastest way is to use a bit of javascript to mark the selected label. In CSS it’s not possible to target parent selectors, so I don’t think there is any other option:

jQuery(function($){
    $('.asp_label').on('click', function(){
        $(this).parent().find('.asp_label').removeClass('asp_label_selected');
        $(this).addClass('asp_label_selected');
    });
});

This will add “asp_label_selected” class to the current selection, then you can target it with CSS:

.asp_label_selected {
}

[Ernest Marcinko]

Hi,

Your browser might be still persising on the incorrect cached files. Clearing the browser cache is likely going to resolve the issue.

If you are using CDN like Cloudflare, that could also explain it if that layer of page cache is also enabled.

[Ernest Marcinko]

You cannot access this content.

[Ernest Marcinko]

Can you please add temporary back-end and FTP access details so I can debug the issue?

It’s probably something minor, but I will have to debug it directly.

[Ernest Marcinko]

You cannot access this content.

[Author]

Posts