Skip Navigation

[Resolved] Split: Outputting Views in a grid with the Hive theme

This support ticket is created 6 years, 1 month 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
- 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 -
- 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 -

Supporter timezone: Europe/London (GMT+00:00)

This topic contains 1 reply, has 2 voices.

Last updated by Nigel 6 years, 1 month ago.

Assisted by: Nigel.

Author
Posts
#1131941

Hi Nigel,

1) I would like pages with views or archive-pages to look like my homepage (the way the posts are presented), but that seems not to be possible - I have to use a table to make it look like my homepage. One problem is that empty spaces are appearing because the row has to be one hight. I will upload two images to show this. Another problem is that because of the table these pages are not responsive. I will send two screenshots from my phone to show what I mean. Is this because the Bootstrap grid is not compatible with my theme? Or is it that I am doing something wrong? (It's ok that there is only room for two columns, not three.)

thank you and kind regards,
Jaconelle

#1131994

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

The responsive grid used by Toolset comes from Bootstrap, but your theme is not compatible with Bootstrap, and so it cannot be used.

You have two choices.

One is to create your own responsive CSS grid system to use as an alternative. You would decide on the required markup structure, implement that in the output section of your Views or custom archives, and create the required style rules.

The second is to piggy back off your theme's masonry grid.

For that you will need to study the required markup (including classnames) that your theme normally uses for the masonry grid, and recreate that with your Views or custom archive output.

If you have trouble identifying the exact markup required, you could ask the theme authors.

In the other thread you effectively disabled the masonry layout using the code snippet I provided, but in this case you would not want to do that. It seems like the masonry JavaScript is automatically added on the archive pages, but you may need to enqueue and initialise it on static pages where you insert Views.