Modal Popup line-height problem

[burkiburak]

Hi there,
This issue has been mentioned before. But unlike the other users, I’m not using a cache plugin and still can’t understand where the CSS line-height property derives from.

My modal looks like this in the backend (convert plus)

But looks like this in the browser:

I tried to add an overwriting CSS attribute with line-height using !important but it didn’t work out. Where does this line-height come from?

It’s on the index page of www.dezernatzukunft.org

Thanks for your help.

[prakash_s]

Hello @burkiburak,

Thanks for writing to us.

I checked your site it seems that there is an inline style rendering on the text, you may override the line height using custom CSS code. You need to add this custom CSS code under the Global CSS box.

.cp-modal-every-design .cp-title{
line-height: 24px !important;
}

.cp-title.cp_responsive .cp_font {
line-height: 24px !important;
}

Please feel free to change the line height as per your design. The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[burkiburak]

Hey prakash_s,

I’m actually quite capable of css and inspector but this time has been tough because of different levels of css which attributed to the “element”.

Thanks for your help a lot, it worked like a charm.
Best
Burak

[tristup]

Hi Burak,

Glad that we are able to help you.

Thanks