Layout problem -

Support
#1

Hello,

There is something I don’t understand on one page. When I inspect it, it looks just fine, as it should:

But otherwise it looks like this:

What is causing the problem?

URL: https://neowebsite.io/contactez-nous/

Thanks,
Antoine

#2

Hi Antoine,

The one that is causing the problem is this code.

.e700-11.x-text, .e700-15.x-text, .e700-19.x-text {
    color: rgb(255,255,255);
    -webkit-columns: 250px 2;
    columns: 250px 2;
    -webkit-column-gap: 25px;
    column-gap: 25px;
    -webkit-column-rule: 0px none transparent;
    column-rule: 0px none transparent;
}

Please remove .e700-15.x-text from that code.

Thanks

#3

Thank you for your response. I did not add any code to that page, so I don’t know how to remove the code you mentioned. Could you please explain me how to fix it?

Thanks,
Antoine

#4

Hi Antoine,
Thanks for the clarification!

Can you please edit the text element and remove the <center> </center> tag from the code.
Let us know if that fixes your issue.

Thanks

#5

I removed the <center> tag but it does unfortunately not fix the issue.

#6

Hi @Lecoqdigital,

Please inspect the text element where you added those affected content, then make sure the text columns are toggled off.

Hope this helps.

#7

Thank you, it fixes the problem.

#8

Glad to know!

Thanks

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.