[Resolved] Search results not displayed correctly

[Author]

Posts

[stephanieK-5]

I am trying to: Display the search results like here, created with elements and css:
hidden link

Link to a page where the issue can be seen: hidden link
Toolset results are not aligned, text is right to the pic

I expected to see: aligned text.

- 1st row: image
- 2nd row: Custom text
- 3rd row: Custom text
- 4th row: Read more

Instead, I got: it's floating / not responsive, thank you!

[Luo Yang]

Hello,

I assume we are talking about the content template "Loop item in master-trainer-finden", please edit it:
hidden link

I have setup a demo in it:
Add a container block, inside it, add other image and paragraph blocks, you just need to follow our document to setup the content template, and add the blocks you want into it:
Creating Templates to Display Custom Posts in WordPress
https://toolset.com/course-lesson/creating-templates-to-display-custom-posts/
Toolset’s library of dynamic blocks
https://toolset.com/block-item/

[stephanieK-5]

from what I understand I need to use drag and drop! thank you so much!

[stephanieK-5]

Hi

I created this template here.
but it seems not to be center aligned - could you provide help

hidden link

[Luo Yang]

Those buttons are actually centered, see my screenshot

But there are gap between column grid, so seems to be not centered.

[stephanieK-5]

Tank you!

But the picture is not centered, clicked on "center".

Could you provide further information?

Thank you 🙂

[Luo Yang]

I have checked the URL you mentioned above:
hidden link
There isn't any images

And the credentials you provided above was removed for to protect your privacy:
https://toolset.com/forums/topic/search-results-not-displayed-correctly/#post-2230219

Please share your website credentials in below private detail box, I need to test and debug it in a live website, thanks

[stephanieK-5]

-

[Luo Yang]

I have setup a demo in your website:
See it here:
hidden link

1) Add a container block into view's loop
2) Put image block + Header block + block into above container block
And setup align center.

See the result here:
hidden link

[stephanieK-5]

Hey Luo

thank you for clarifying and your great suggestion! 🌟🌟🌟🌟🌟

The issue seemed to be Elementor or my template.
I will edit on this test page, thank you. In case I am facing the issue again I would send an update!

hidden link

my best! Thank you 🙂

[Luo Yang]

Toolset Blocks plugin is based on WordPress Blocks editor, but Elementor is another page builder, it is not recommended to use two page builders to design the same page/post, it will conduct unexpected result.

See our document:
https://toolset.com/course-lesson/using-toolset-with-elementor-page-builder/
section "Limitations when using Elementor and Toolset templates together"

If you are using Elementor to design templates for your custom post types, do not assign a Toolset Content Template and an Elementor Template to the same content.

Also, do not insert an Elementor Template into a View’s Loop Item or Content Template.

In your case, I suggest you try to design the page with WordPress Blocks editor

[stephanieK-5]

Hi

hmm I think the moment I add the "View" to Elementor, the design seems to have the same issue again.

Could you have a look into that?
hidden link

[Luo Yang]

Please check the URL you mentioned above, you are using a view block in Elementor, it will conduct unexpected results, see the document I mentioned above:
https://toolset.com/course-lesson/using-toolset-with-elementor-page-builder/

It is not recommended to use two page builders to design same page/post.

If you insist on Elementor, you need to setup the post view with classic editor:
hidden link

And use custom CSS codes to design the outputs as what you want

[stephanieK-5]

hidden link

I did but the rows seems not to align correctly. could you provide help