Site logo

Archived topic

Gutenberg overrides styles for pullquote block

4 replies · Started by Mathias on November 30, 2020

Viewing posts 1–5 of 5

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

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;
}

thanks for your quick response,

it works perfectly

have a great day

You're welcome

This archived topic is closed to new replies.