PullQuote has visible artifact

  • 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)

    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.

    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)

    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!

    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)
  • You must be logged in to reply to this topic.