Archived topic
Gutenberg overrides styles for pullquote block
4 replies · Started by Mathias on November 30, 2020
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
this is how it should look like (using the classic block):
https://www.haartransplantation-tuerkei.com/ratgeber/shock-loss-haarausfall-nach-haartransplantation
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