[LLDParticipant]

Hello,

This is my site: https://legendland.hu/

Everything works fine, except if I check the homepage with IE or Firefox browser. (Chrome and Opera show the columns in the right way) I made screenshots about the problem. The space between the rows is too big and the 3 column layout is not good.

Please help me to fix this.

Thanks,
Loriana

[RadModerator]

Hi there,

Thanks for writing in.

Please remove this inline style from your section or row’s style input.

margin: -33px auto 0px;

It’s the one that causes the issue.

Thanks!

[LLDParticipant]

Hi,

Thank you for your answer, I made the changes and now there is no problem.
I just would like to ask how to make the spaces between the rows equal to the spaces between the images? I used the margin to make them equal.
Now space is 42 px and I’d like to change it to 10 px.

Thanks,
Loriana

[RadModerator]

Hi Loriana,

The space is caused by both <img> and <p></p>, please add this CSS as well.

.x-text img, .x-text p:last-child {
margin: 0px !important;
}

This will cause layout issue due to style added such us this,

margin: -33px auto 0px; padding: 0px; 

Now, all you need to do is replace them with this,

margin: 0px auto 0px; padding: 10px 0 0;

Thanks!

[LLDParticipant]

Thank you very much for the solution 🙂
It works!

[ThaiModerator]

Glad it worked 🙂

If you need anything else, please let us know.

[Author]

Posts