Blockquote style in the WordPress editor

This is a PRIVATE forum for verified users only, to view all replies/answers, you must be logged in!

Status: resolved
Viewing 7 reply threads
  • Author
    Posts
    • #16558

      rfischmann
      Member

      Hi,

      I’ve customized Newsbeat’s CSS and changed the look of blockquotes: https://d.pr/i/t6R6Iv

      However, inside WordPress’ editor (Gutenberg), they’re obviously the native way — ALL CAPS, for example.

      How do I edit there as well? I don’t like it at all.

      Cheers.

    • #16582

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #16594

      rfischmann
      Member

      I’ve changed the blockquote in my child’s theme CSS, are you saying the editor should pick up the changes automatically?

      If not, can I add a style-editor.css to my child’s theme folder and customize it then?

    • #16651

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #16660

      rfischmann
      Member

      Do I need to keep all the original CSS rules in that copied file or just edit the specific ones I need?

    • #16663

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #16664

      rfischmann
      Member

      I just wanted to adjust a few things:

      /*!
      Newsbeat Editor Styles
      
      /** === Editor Frame === */
      
      body {
          text-align: justify;
          hyphens: auto;
      }
      a {
          box-shadow: inset 0 -3px 0 rgba(65,216,125,.3);
          box-shadow: inset 0 -3px 0 var(--color-primary50);
      }
      .wp-block blockquote p {
      	font-size: 1.1em;
      	line-height: 1.4em;
      	text-transform: none;
      	letter-spacing: 0;
      }
      
      /*# sourceMappingURL=style-editor.css.map */

      I’ve uploaded this style-editor.css file to /newsbeat-child/, but I’m not seeing any change in the editor itself.

      Anything I’m missing?

    • #16694

      rfischmann
      Member

      What was missing is to call the CSS file from custom-functions.php. I’ve used this code: https://florianbrinkmann.com/en/editor-styles-gutenberg-4544/

Viewing 7 reply threads
  • You must be logged in to reply to this topic.

This is a PRIVATE forum for verified users only, to view all replies/answers, you must be logged in!

© Copyright 2019 by wpthms.com. All Rights Reserved.