Styles for a block when the user edits it

  • Resolved bogette

    (@bogette)


    6 years, 1 month ago

    Hey. I want to style a block in state when editing.

    I faced two problems, I would be glad if you prompted me.

    1) how to change the color of the placeholder? I looked through all the styles, but not found for a placeholder.

    2) Is it possible to make the text in the normal text field larger and in the text area smaller? As in the screenshot-example. I want the user to immediately understand which text field is the Heading.

    These are of course issues related to block labs indirectly, however, I would be grateful for help.

    And, of course, can I make sure my edits don’t disappear in future updates?

    https://ibb.co/HPHHc5z
    https://ibb.co/r3NVvZj (Need so)

    • This topic was modified 6 years, 1 month ago by bogette.
    • This topic was modified 6 years, 1 month ago by bogette.
Viewing 1 replies (of 1 total)
  • Plugin Contributor stino11

    (@stino11)

    Hi @bogette

    Thanks for checking out Block Lab. ??

    To do what you’re wanting, you’ll have to add some code to your theme. You’ll need to add your CSS to a file. E.g. editor-style.css. And then enqueue theme in your functions.php file.

    The snippet for your fucntions.php file would look something like this.

    function block_lab_editor_styles() {
    wp_enqueue_style( 'block-lab-editor-styles', get_theme_file_uri( '/assets/css/editor-style.css' ), false );
}
add_action( 'enqueue_block_editor_assets', 'block_lab_editor_styles' );

    Let me know if this helps.

    Great questions by the way. I’m sure this is something others will be wanting to do.

Viewing 1 replies (of 1 total)
  • The topic ‘Styles for a block when the user edits it’ is closed to new replies.