Modify line spacing in posts

Support
#1

Hi,

I have been able to modify the line space on pages with the following code I found in the forum:

}
.x-text p {
line-height: 1.28;
}

However, I still cant change the line spacing on posts. Can you let me know how I do this please?

thanks,
Paul.

#2

Hi there,

Here is a code suggestion for the posts:

.single .x-main p {
    line-height: 1.5;
}

The code will work for single pages and also you can change 1.5 to whatever size you like.

Hope it helps.

#3

That work. Thanks very much.

#4

You’re welcome :slight_smile:

#5

Sorry, I just realised after I did this, I somehow reset the line spacing on the text in the feature boxes. Could you please let me know how I modify the line spacing here as well.

Here is my site:

#6

Hi Paul,

You may update that CSS to this:

.single .x-main p:not(.x-feature-box-text) {
      line-height: 1.3;
 }

That will prevent that CSS from working on feature box paragraph on single post page.

In case you just want to target that specific paragraph on feature box element, let’s use this instead:

p.x-feature-box-text{
      line-height: 1.5;
 }

Hope this helps.

#7

Thanks very much. All good now.

#8

Glad we were able to help :slight_smile: