Changing line height text block does not work

Support
#1

Hi,

Changing the line height in a text block seems not working within my work. When I increase or decrease the value nothing changes. Can you advice how to change the line height?

Regards,

Hans.

#2

Hello Hans,

That is the correct way of adjusting it. It may not work if there is a custom CSS overriding the settings. The best way for us to check is if you could share the exact URL and specific text where this issue occur. In case you have caching, please clear it first. You might be seeing a cache content. If not we will wait for URL. Thanks.

#3

Thanks Lely, just send you the URL via a PM, the problem occurs in all text blocks. Would be great if you check it.

#4

Hi Hans,

Thank you for providing the URL. I checked your site and the custom CSS in your site is overriding the Cornerstone’s settings. First please find and remove the following code from your custom CSS:

body .x-text {
    line-height: 2.8 !important;
}

Then from your paragraphs in your content, remove the inline style line-height: 100%; (see screenshot)

Then you should be able to change the line height property from the Cornerstone’s settings. Let us know how this goes!

#5

Thank you Nabeel, I’ll search where I added the CMS and no concerns it will be solved than :wink:

Regards, Hans.

#6

You’re always welcome Hans!

Cheers.

#7

Hi,

Sorry being back again… As far as I know I have search all places with the CSS code as mentioned which should cause the issue but nothing found so far. Neither in my Global CSS (attachment) and when it is in one of the Cornerstone elements it should not be there if a create a new element but it is. Could it be a trace of my previous installation of demo content which I later have removed? Any other suggestions?

Regards, Hans.

#8

Hey Hans,

Thank you for providing the credentials. I checked your setup and found the conflicting code line-height: 2.8 !important; in your Element CSS of your Text elements

And the culprit code:

body .x-text {
	line-height: 2.8 !important;
}

Was found in the Welkom section, I went ahead and removed the code. Please never input any Global CSS in the Element CSS section, if your need to add any CSS rule in your Element CSS, you’ll have to do like this:

$el {
    line-height: 1;
}

So it is only applied to that element and not globally to all elements. Now you can edit your content and remove the inline line-height from your paragraphs (see screenshot)

After removing all the inline CSS, you should be able to change the line height property from the Cornerstone’s settings. Let us know how this goes!

#9

Thanks Nabeel, now I finally can go on building my website, it’s number 9 with Theme X. Needless to say I like the theme and the support.

Regards, Hans.

#10

On behalf of my colleague, you’re welcome. Cheers! :slight_smile:

#11

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