[Resolved] Gutenberg overrides styles for pullquote block

[Mathias]

hello,

when I use the standard pullquote block of Gutenberg, it is overriding the Generatepress Theme styles for the pullquote as seen here:

https://www.haartransplantation-tuerkei.com/ratgeber/schwellung-nach-haartransplantation

I already added this code to my php snippets:

add_action( 'after_setup_theme', function() {
    add_theme_support( 'wp-block-styles' );
} );

When I use the classic block and apply the pullquote then the normal Generatepress styles show up.

What can I do so that the Gutenberg block does not override the Generatepress Themes styles?

thanks
have a great day

[Mathias]

this is how it should look like (using the classic block):

https://www.haartransplantation-tuerkei.com/ratgeber/shock-loss-haarausfall-nach-haartransplantation

[David]

Hi there,

you won’t need to add the function to load wp-block-styles – GP does this anyway.

Yeah, WP in their infinite wisdom decided to add its own styles using their block classes. Something we should look at including in the Theme CSS. For now try adding this CSS:

blockquote.wp-block-quote {
    border-left: 5px solid rgba(0,0,0,.05);
    padding: 20px;
    font-size: 1.2em;
    font-style: italic;
    margin: 0 0 1.5em;
    position: relative;
}

[Mathias]

thanks for your quick response,

it works perfectly

have a great day

[David]

You’re welcome

[Author]

Posts