Skip Navigation

[Resolved] View in Elementor only display 1 column

This support ticket is created 4 years ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 3 replies, has 2 voices.

Last updated by nadavL 4 years ago.

Assisted by: Christian Cox.

Author
Posts
#2022107
page.jpg
Page editing and CSS.jpg
Elementor editor.jpg

I've created a view with 3 columns.
It works fine when I'm using WP page editor but when I insert Toolset view in Elementor page the data displayed in 1 column instead of 3.

I found a similar ticket (https://toolset.com/forums/topic/view-output-only-one-column-in-elementor/) but the CSS code suggested there doesn't work forked for me.

You can see the view in hidden link
I've added it twice, 1 inside 2 columns view and another in full width just to make sure that's not the problem.

Added some screenshots that hopefully make things more clear.

Please advise.

#2022151

Hello, that code from another ticket uses some specific classes that do not exist in your site. Please try this adjusted CSS code instead:

.js-wpv-view-layout-2705 > .js-wpv-loop-wrapper > .tb-grid {  grid-template-columns: minmax(0, 0.3333fr) minmax(0, 0.3333fr) minmax(0, 0.3333fr);  grid-auto-flow: row;}
#2022235

My issue is resolved now. Thank you!

#2022905

I have another issue with the view in Elementor. I'm unable to align the image to the center.
Could you please advise if I can amend the CSS you gave me to affect this as well?

Thanks