Archived topic
Some blog post are not displaying text right
8 replies · Started by Naama on July 8, 2022
Hi, some blog post are not displaying the text ok. It creates crazy long spaces between elements. Please take a look at this blog post: https://planteli.com/how-to-grow-cilantro-indoors/
Hi Naama,
The issue seems to stem from a plugin called Gutentor. Can you try deactivating it and see if the issue will go away?
Clear your cache after deactivating it.
Kindly let us know how it goes!
That worked. Many thanks
How can I make both work together? I really need Gutentor
Hi there,
can you re-enable it, so i can see the issue ?
I enabled it again and the problem is there
I am not seeing anything that stands out as a problem.
Can you clear any caches and check the post you shared above ?
Hi, I can still see the problem. Please check out this post again: https://planteli.com/how-to-grow-cilantro-indoors/
So, i disabled WP Rocket on the frontend - which allowed me to get to the CSS that Gutentor is generating - which is this:
@media (min-width:992px) {
.grid-container {
max-width: 1155px
}
}
.gutentor-active h1,
.gutentor-active h1 a {
font-family: 'Open Sans', sans-serif;
font-weight: 800
}
.gutentor-active h2,
.gutentor-active h2 a {
font-family: 'Open Sans', sans-serif;
font-weight: 600
}
@media only screen and (min-width:992px) {
.gutentor-active h2,
.gutentor-active h2 a {
line-height: 530.5
}
}
.gutentor-active h3,
.gutentor-active h3 a {
font-family: 'Open Sans', sans-serif;
font-weight: 300
}
.gutentor-active h4,
.gutentor-active h4 a {
font-family: 'Open Sans', sans-serif;
font-weight: 400
}
.gutentor-active {
font-family: 'Open Sans', sans-serif;
font-weight: 400
}
The main issue is this CSS rule:
@media only screen and (min-width:992px) {
.gutentor-active h2,
.gutentor-active h2 a {
line-height: 530.5
}
}
It is setting the H2 elements to a line-heigh of 530.5 - which is massive. I would expect it to be around 1.5
I assume somewhere there is a setting in that plugin where you can change that value ?