Hello,
I have a display problem with Toolset and Elementor Pro.
When I add a "Toolset View" widget on an elementor page and select a grid view (created with toolset block), my grid is not displayed and all my loop elements are displayed one below on the other instead of being side by side.
I found a troubleshooting solution using Reusable Block plugin. I create my block view, I transform the block into a reusable block and I insert the block using a shortcode.
Even though it helps me out, do you know why grid display is not working with elementor?
Thanks for your help
Hi,
Thank you for contacting us and I'd be happy to assist.
This issue has been reported to the concerned team already. The grid loop styles are not properly carried over when a view is inserted on any page, other than where it was originally created.
I'm afraid, I don't have a time estimate to share at the moment, but I'll keep you updated with the progress through this ticket.
For now, a workaround can be to include some custom CSS, in the view's "Custom CSS" field, to make sure that the view's results are shown in columns on other pages too:
( this code assumes your view is set to show results in 4 columns )
.js-wpv-loop-wrapper > .tb-grid {
grid-template-columns: minmax(0, 0.25fr) minmax(0, 0.25fr) minmax(0, 0.25fr) minmax(0, 0.25fr);
grid-auto-flow: row;
}
I hope this helps and please let me know if you need any further assistance around this.
regards,
Waqar
My issue is resolved now. Thank you!
Hi,
I'd like to update you that the issue involving the grid loop styles when a view is inserted on any other page, has been fixed in the Toolset Blocks 1.3.3 / Views 3.3.3.
regards,
Waqar
I have the same issue. all plugins are up to date
Your workaround helps. but it should be fixed?
