Skip Navigation

[Resolved] Grid with 3 columns not showing as a grid, instead separate rows

This support ticket is created 5 years, 10 months 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
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 2 replies, has 2 voices.

Last updated by nicolaF 5 years, 10 months ago.

Assisted by: Waqar.

Author
Posts
#1229761
selfteam-guestinterviewsgrid.jpg

I am trying to: This is the first time that I have used Toolset, and I love it, but I am having issues with the "View" layout. I have created a View layout which uses a grid to display my custom posts. When I insert the View 'Grid List' into my page the editor preview shows content in three columns, however when it is displayed on the front-end of the site it shows in rows beneath each other. Is this an issue with Gutenberg or Toolset?
Also, none of the <br /> between my fields are being noticed, the content all runs together.

Link to a page where the issue can be seen: The site is under development, so you will need to login to view. Once logged in, the page is 'Guest Interviews'.

I expected to see: Guest interview posts in a grid layout with image/interviewee/date/job title etc in columns

Instead, I got: Guest Interview posts showing in rows.

#1229905

Hi Nicola,

Thank you for contacting us and glad that you like the Toolset plugins.

1. The grid layout is not working on your website, because Bootstrap styles are not being loaded.

If you'll go to WP Admin -> Toolset -> Settings, you'll see that for the "Bootstrap loading", the "The theme or another plugin is already loading Bootstrap 3.0" option is selected.
( but the theme or another plugin doesn't seem to be loading it )

Please change it to "Toolset should load Bootstrap 3.0" option and the grid layout will work.

2. In your view, the line breaking tags ( ref: hidden link ) are being used as <br />.
( screenshot: hidden link )

Please update them to <br> or <br/> and they'll work.
( screenshot: hidden link )

I hope this helps and please let me know how it goes.

regards,
Waqar

#1230776

My issue is resolved now. Thank you!