Extra space at bottom of text element

Hello

I’m not sure what the problem is but I don’t think my posts are being seen my forum moderators~ reposting this to make sure it gets seen please let me know if there is a problem with my account or something I need to do to have my posts seen

Hello

I have a text element at the top of this page listing a bunch of cities

https://www.motherculture.love/welcome-test/

How can I make it so that there is not this strange gap at the end of the list of cities?

the html for the text is the following
"> >

LOS ANGELES

> SHANGHAI <br />
> NEW YORK <br />
> BERLIN <br />
> ISTANBUL <br />
> BEJING<br />
> TORONTO <br />
> MEXICO CITY<br />
> MILAN<br />
> SAN FRANCISCO<br />
> DHARAMSHALA<br />
> LONDON</p> "

I believe the final

> '</p>'

is what is causing this strange extra space in the text box element- how do I get rid of this?

If you look at the page I have also created a second instance of the text box where ‘content break’ is set to ‘avoid’ which gets the text aligned properly BUT creates this annoying gap at the bottom of the box

how can I rework either of these text boxes so that they display the names of the cities such that they are properly aligned in two columns WITHOUT ANY GAP IN THE BOTTOM OF THE TEXT BOX

please feel free to login and make any changes necessary to achieve this

login info attached below

Thank you so much!!

Hi there,

Please add this code to the Global CSS:

.x-text p {
    margin-bottom: 0 !important;
}

Hope this helps.

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