Block Slider not working with GenerateBlocks

Hey @mauricekpw – it might be worth checking out GB 1.6 (current in alpha, almost beta): https://generateblocks.com/generateblocks-1-6-0/

I have a feeling it should fix this.

Let me know ??

Hey @edge22!

Thanks for your quick answer! Using 1.6 fixed most of the display issues.
The only thing now is that the text box is behind the image while the text is in front of the image in frontend.

See: https://imgur.com/2SkVIL1

Any idea why this is happening? It’s not a z-Index issue, I tried that.

Hey @mauricekpw,

Thanks for reporting this issue, We are looking into this. Meanwhile, Can you please provide some more details about your environment?

• This reply was modified 2 years, 2 months ago by zafarkamal.

Hey @zafarkamal, thanks for getting back to me.

I’ll be happy to provide some more details.
We’re using WordPress 6.0.2 and Block Slider 2.1.6 and Generate Blocks Pro 1.6 (their alpha/beta version). In this version it works better (see my previous answer)

With the current stable version of Generate Blocks Pro 1.5.4 it didn’t work.

Apart from @edge22’s answer here, I received some more information from them regarding this issue:

`GenerateBlocks is only able to scan content that it knows about for its blocks so it can generate the necessary CSS.
If the content is being served by a third party, that party needs to tell GenerateBlocks about the existence of its content so GenerateBlocks can scan the content and generate the CSS.

This article explains it with an example: https://docs.generateblocks.com/article/adding-content-sources-for-dynamic-css-generation/

Block slider should be able to either add compatibility or provide a function.`

If you need more information about my environment please let me know! If you have questions regarding Generate Blocks I’ll suggest contacting them directly. I’m sure they are happy to work with you to achieve compatibility. ??

Hello!

any update on this issue?

I implemented a css hotfix for this issue by giving the Generate Blocks inner Container display:flex;

.blockslider-slide .blockslider-slide-inner-wrapper .gb-inside-container {
    display: flex;
    flex-direction: column;
}

But this is probably not a long lasting solution.

Hope to hear from you soon!
– Maurice