Site logo

Archived topic

Some blog post are not displaying text right

8 replies · Started by Naama on July 8, 2022

Viewing posts 1–9 of 9

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 ?

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 ?

This archived topic is closed to new replies.