Site logo

Archived topic

Pullquote Colour Issue

10 replies · Started by James on October 25, 2020

Viewing posts 1–11 of 11

I'm having an issue getting the colours of my pullquotes to display in my posts. In the Gutenburg editor, the colour is there, but when I either preview or post, the horizontal colour bars are non-existent. I would also like to get rid of left vertical bar, if possible, for it *does* show in the preview/posts.
Pullquote block editor
My site: http://www.MiramichiReader.ca

Thanks!

Hi there,

can you link me to a post where i can see the issue?

Sure: quote issue.
In the editor, I have red horizontal bars top and bottom (and that persistent grey vertical bar).

Try this CSS:

.wp-block-pullquote {
    border-top: 2px solid;
    border-bottom: 2px solid;
}
.wp-block-pullquote blockquote {
    border-left: 0;
}

Core blocks keep changing their markup and neglect to provide the front end CSS - which is a pain. But we'll take a look at our theme CSS so we can cover this in the future.

Nice! Thanks again, David.

You're welcome

Just a heads up that WordPress has an optional stylesheet that handles this kind of stuff I believe.

GP doesn't add it by default, but you should be able to add this PHP:

add_theme_support( 'wp-block-styles' );

Where should I add this code, Tom?

Thanks,

Done. I would still like to get rid of that vertical grey line. :)
EDIT: nevermind. Clearing the cache got rid of it. Wise man!

EDIT: nevermind. Clearing the cache got rid of it. Wise man!

Nice one.

No problem. :)

This archived topic is closed to new replies.