[Resolved] Pullquote Colour Issue

[James]

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.

My site: http://www.MiramichiReader.ca

Thanks!

James M. Fisher
www.MiramichiReader.ca
www.MiramichiFlash.ca

[David]

Hi there,

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[James]

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

James M. Fisher
www.MiramichiReader.ca
www.MiramichiFlash.ca

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[James]

Nice! Thanks again, David.

James M. Fisher
www.MiramichiReader.ca
www.MiramichiFlash.ca

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tom]

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' );

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[James]

Where should I add this code, Tom?

Thanks,

James M. Fisher
www.MiramichiReader.ca
www.MiramichiFlash.ca

[Elvin]

Hi James,

It’s a PHP snippet.

Here’s how to add PHP codes – https://docs.generatepress.com/article/adding-php/

A wise man once said:
"Have you cleared your cache?"

[James]

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

James M. Fisher
www.MiramichiReader.ca
www.MiramichiFlash.ca

[Elvin]

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

Nice one.

No problem. 🙂

A wise man once said:
"Have you cleared your cache?"

[Author]

Posts