PullQuote has visible artifact

bryanhiggs
(@bryanhiggs)

1 year, 9 months ago

When I create a PullQuote in the WordPress block editor on my website (theme OceanWP), I see, to the left of the citation line, a visual artifact that I cannot seem to remove. It is annoying.

It appears to be the result of a <cite> ::before that I see when I Inspect it in the browser.

Is there some way to remove this artifact? I assume that it’s a bug of some kind?

Thanks!

The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

Thread Starter bryanhiggs
(@bryanhiggs)

1 year, 9 months ago

Incidentally, I tried to create a PullQuote using another theme (Blocksy), and the artifact wasn’t there. Plus the PullQuote looked visually a lot more interesting, even before making changes.
Shahin
(@skalanter)

1 year, 9 months ago
Hello @bryanhiggs,

Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:
```
.wp-block-pullquote {
    border-bottom-width: 0;
    padding-bottom: 0;
}

.wp-block-pullquote cite:before {
    display: none;
}

.wp-block-pullquote blockquote {
    border: 0;
    padding: 0;
}
```
Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

Also, you can learn how to use Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS:
https://developers.google.com/web/tools/chrome-devtools/
https://developer.mozilla.org/en-US/docs/Tools
CSS Tutorial: https://www.w3schools.com/css/

I hope that helps.
Thread Starter bryanhiggs
(@bryanhiggs)

1 year, 9 months ago

Thank you! That solves the problem in my specific case, and allows me to improve the look of the pullquote.

However, may I politely suggest that you fix the visual artifact problem in a future release?

Thank you!

Shahin
(@skalanter)

1 year, 9 months ago

Hello @bryanhiggs,

You’re welcome. I’m glad we could help.

We would forward it to the developer team to be checked and, if possible, to be added in the next updates.
Thank you for your suggestion.

Best Regards

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘PullQuote has visible artifact’ is closed to new replies.

Tags