Layout block with Prettyblock

[A2P2R]

Hi @CySSoO,

I'm trying to use the everblock "layout" component in prettyblock. But I have a little problem. When I define the width of each column (50% in my example for the 2 attached columns), it works fine. However, it should line up on the same line as it doesn't exceed 100%.

I've tested this on several instances, but it seems to be a general problem.

thanks for your help

[Luifer-dnk]

Hi @CySSoO,

I'm trying to use the everblock "layout" component in prettyblock. But I have a little problem. When I define the width of each column (50% in my example for the 2 attached columns), it works fine. However, it should line up on the same line as it doesn't exceed 100%.

I've tested this on several instances, but it seems to be a general problem.

thanks for your help

Temporary solution.

open the file: /modules/prettyblocks/views/templates/front/zone.tpl

And add: style="display: flex;"

Result:

Greetings.

[A2P2R]

hello @Luifer-dnk , first of all thank you very much for your feedback!

unfortunately, this solution doesn't really work because it applies to all pretty blocks on the website. this means that it aligns all the pretty block blocks on the same page on the same line. for this to work properly, it would have to be only for the "layout" block with a rule that returns to the line when it has exceeded 100% of the layout.

thanks again for your help ;)

[A2P2R]

hi @CySSoO

I've updated to the latest version of everblock, but it doesn't seem to solve the problem.

thanks ;)

[Luifer-dnk]

hi @CySSoO

I've updated to the latest version of everblock, but it doesn't seem to solve the problem.

thanks ;)

Hi.

With two col-md-6 on <div class="col-md-6"> on the same block, you can make.

Mod CSS and get the correct design.

I think it is more practical than assembling two blocks.

Greetings-

[A2P2R]

hi @Luifer-dnk

thank you very much for your feedback. unfortunately, it doesn't work : elements are placed one under the other. i think it's because of my theme (i use cartzilla orignal theme with prettyblock).

thanks again for your help

[bogwero]

Hi, Try deleting the orphan</div>from the file https://github.com/TeamEver/everblock/blob/master/views/templates/hook/everblock.tpl on line 32 (delete line 32). This fixed it for me.

[A2P2R]

Hi,

Try deleting the orphan</div>from the file https://github.com/TeamEver/everblock/blob/master/views/templates/hook/everblock.tpl on line 32 (delete line 32).

This fixed it for me.

Hi @bogwero

I tested it quickly and it doesn't seem to work. On the other hand, I will take a closer look at my side to find out if the problem is not here now. are you using the cartzilla theme?

Thanks

[bogwero]

Hi, Try deleting the orphan</div>from the file https://github.com/TeamEver/everblock/blob/master/views/templates/hook/everblock.tpl on line 32 (delete line 32). This fixed it for me.

Hi @bogwero

I tested it quickly and it doesn't seem to work. On the other hand, I will take a closer look at my side to find out if the problem is not here now. are you using the cartzilla theme?

Thanks

Hi, Unfortunately I don't know what could be the problem in your case, however I'm positive that div wasn't supposed to be there in the latest version, 4.11. I am using Falcon theme (https://github.com/Oksydan/falcon) it's a great theme but it's meant only for advanced users who know how to work with webpack, node, npm, etc, because you need to compile it before you can use it.

Kind regards!

[A2P2R]

Hi @bogwero

I confirme you that your answer help me to resolve my problem. The main problem was this div.

thank you very much,

[bogwero]

You are more than welcome, I'm glad it is working for you too. Good luck!