Problems with line spacing

I’m using the Parrallax widget and I’m trying to adjust some lines. I need them to be separate lines with no line spacing.

I want
them to run
like this

Not

like

this

I’ve tried he <br> and <p> codes but they keep spacing too far away (see attachment)

Any help would be appreciated.

Hi there

Hope you are having a good day and thank you for your question
In order to check your question i need to see your live website, please provide url and i will take a look

Sure, but let me explain the issue a little more. When viewed on my desktop everything is correct as seen in the attached image. However, when I view it on a mobile device, it is all run together. If I were to put hard break codes after each line it would show as a double-space.

Anyway, here is the link. The sections I am referring to are “22 Lots” and “Included Features”

https://www.bristolheights.info/

Thank you

Just to be clear, the screenshot of my desktop is how I want it to look on all devices.

hey there

Please add this CSS in appearance - customize - additional CSS

@media (max-width: 767px){
br {
display: block;
}
.mb32 p {
line-height: 31px;
}
}

Thanks!
Colorlib Support Team

That worked after a little adjusting of the line-height. Thank you

Thank you too :slight_smile:

Codes are not the final, you can adjust them to meet your goal :slight_smile:

I will close this case now, let me know if you need anything else in a new ticket