Skip Navigation

[Resolved] The vertical space between the view results increase after using the search filter

This support ticket is created 4 years, 4 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 3 replies, has 2 voices.

Last updated by Waqar 4 years, 3 months ago.

Assisted by: Waqar.

Author
Posts
#1722615

Issue : After I filter the subjects , the space between 1 subject to another increase

#1723417

Hi,

Thank you for waiting.

During troubleshooting, I noticed that an extra paragraph tag is being inserted, when the view's results are updated through AJAX, and the bottom margin style added to the paragraph tags results in the extra space.

To remove this extra space, you can include the following custom CSS code in your view:


.js-wpv-loop-wrapper .wpv-loop.js-wpv-loop .wpv-block-loop-item .wp-block-columns p {
	margin: 0;
}

Note: If you'd like to use Toolset Blocks and Elementor together on a page, our recommended approach is to use the "Elementor Blocks for Gutenberg" plugin for this.
( ref: https://toolset.com/course-lesson/using-toolset-with-elementor-page-builder/ )

You'll use WordPress Block Editor to create your template and the "Elementor Blocks for Gutenberg" plugin will allow you to load any Elementor template inside it.
( ref: https://wordpress.org/plugins/block-builder/ )

And if you'd like to continue using the Elementor template directly and need to show a Toolset view in it, then that view should be created using the classic editor and not the blocks editor.

I hope this helps and please let me know if you need any further assistance around this.

regards,
Waqar

#1724487

Ok will try do as per discuss..

By the way this css need to be put under view right..

If I put this code did the problem resolve ?

or I still need to do "Elementor Blocks for Gutenberg" ?

Thank You

#1725321

Thanks for writing back.

> By the way this css need to be put under view right..

- Yes, that CSS code can be placed inside the view's custom CSS.

> If I put this code did the problem resolve ?

- Yes, this will remove the extra vertical space.

> or I still need to do "Elementor Blocks for Gutenberg" ?

- The information I shared about the "Elementor Blocks for Gutenberg" plugin is not limited to this issue, but it is related to the general approach of using the Toolset and Elementor plugins together.