View of module not displayed correct

This thread is resolved. Here is a description of the problem and solution.

Problem: I am trying to implement the Members - Single Column Module but the grid View isn't displaying correctly.

Solution: Be sure your site is loading Bootstrap, and check your template markup to confirm the grid is set up correctly.

This support ticket is created 5 years, 8 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
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)

Tagged: Views, Views plugin

This topic contains 7 replies, has 2 voices.

Last updated by martinaW 5 years, 8 months ago.

Assisted by: Christian Cox.

Author

Posts

March 19, 2019 at 9:26 am #1216825

martinaW

I imported the module „members – single column list“. The view is not displayed as in the example.
Already tried to change settings but without success.

Link to a page where the issue can be seen: hidden link

March 19, 2019 at 8:48 pm #1217300

Christian Cox

Hi, I'll be glad to take a closer look, but I see a 404 at this URL now. Perhaps it would be helpful for me to log in to your admin area? Please provide login credentials here in the private reply fields.

March 20, 2019 at 7:09 pm #1218396

Christian Cox

Hi, it looks like your theme does not load the Bootstrap library, so you should go to Toolset > Settings > General, and choose "Toolset should load Bootstrap 3" in the Bootstrap loading settings. Let me know if that does not resolve the problem.

March 21, 2019 at 8:27 am #1218728

martinaW

Hi, with this option the column turns into a very small width.
I already checked all options before submitting a ticket. All options don´t work.

March 21, 2019 at 5:55 pm #1219217

Christian Cox

Screen Shot 2019-03-21 at 1.45.05 PM.png

Screen Shot 2019-03-21 at 1.46.50 PM.png

Hi, with this option the column turns into a very small width.
Please look at the template for this post type:
hidden link

It includes two divs with the class col-sm-6. See the attached screenshots. When you enable Bootstrap, these col-sm-6 elements become columns, pushing all the content into half of the horizontal space. If you want to fix that, you should remove the col-sm-6 classes from this template.

March 22, 2019 at 10:17 am #1219519

martinaW

I removed „col-sm-6“: the page Privatschule Suchen looks better now. But the foto on the left hand has still not the format as in the example (it is still too small compared to the box).

If I use the same template for the custom post type and for the page "Privatschule Suchen" the Outcome is not ideal.

March 24, 2019 at 4:29 pm #1220052

Christian Cox

But the foto on the left hand has still not the format as in the example (it is still too small compared to the box).
One thing you can do is give this page a full-width layout with no sidebar (see sidebar.png). This will more closely match the design of the example.

Do I need different templates for custom post types and for pages? Meaning: if I want to see a list of custom post types in a page (Privatschule suchen). Do I then need to define 2 templates to create the same view as in the example (members - one column list)?
Sorry I don't quite understand, but you can create as many Content Templates as you need so that your Page and custom post types are all displayed correctly. If you need help with that, I will be glad to take a closer look. Tell me exactly what is wrong.

March 25, 2019 at 8:19 am #1220181

martinaW

My issue is resolved now. Thank you!