Gutenberg Block Style CSS Class Is Not Applying on Backend

Turns out, you need to manually add the wrapper class in the edit function. Here’s the source – https://developer.wordpress.org/block-editor/developers/block-api/block-edit-save/#classname

I changed this line –

 <section className={`text-section-one`} style={{ backgroundColor: `${bgColor}`}} >

to

  <section className= { `${props.className} text-section-one`}  style={{ backgroundColor: `${bgColor}`}} >

and it solved problem.

Related Posts:

  1. Passing select control value to block
  2. Passing RichText attributes to function onChange
  3. How do I store information in a dynamic block in WordPress?
  4. How to create custom embed block in gutenberg wordpress
  5. How to use get_theme_mod in gutenberg editor wordpress?
  6. How to add Internationalization in WordPress using Javascript/React?
  7. how to disable blockrenderAppender inside all Innerblocks?
  8. WordPress Gutenberg react make import of __experimentalUseInnerBlocksProps which is no more experimetal
  9. Using SVN to upload plugin created with gutenberg blocks
  10. How to add custom table style for table block in gutenberg editor
  11. Why is the ‘Gutenberg’ Plugin generating an ‘Inconsistent File Permissions’ error when other Plugins, with the same permissions, do not?
  12. Set Multiple Meta Values as an Array Using dispatch( ‘core/editor’ ).editPost() Call in Gutenberg/JS
  13. Use a custom block in another block
  14. Gutenberg default attributes are empty when accessing in edit
  15. Set Button in PluginDocumentSettingPanel Content (WordPress Gutenberg)
  16. Has blocks gutenberg block multiples registers type in my Plugin
  17. Fixed: Console.log twice in the edit function
  18. How to resolve warning for `unstableOnSplit` prop on a DOM element in block editor
  19. How to dynamically add template in Innerblock?
  20. Block content rendering on the top just below body tag
  21. Gutenberg: Dynamic Block – Show saved data in the editor
  22. Create plugin with multiple blocks
  23. How do I set register_meta for a specific CPT?
  24. How do I save meta key value in the save function?
  25. Update Content for a Custom Block Toolbar Button
  26. Wrong block appender button showing
  27. How to get custom setting from get_option and pass it in getEntityRecords in gutenberg block?
  28. Vanilla javascript in custom gutenberg block not working
  29. WordPress custom block: Link saved in database not retrieved when editing post
  30. Why is my Gutenberg block not saving and rendering the chessboard?
  31. How can we extent core/group or cover block?
  32. How to change the version of block.js and plugin to the same of Package.json?
  33. How do I apply different block supports to different parts of my custom block?
  34. Custom Gutenberg blocks not showing in WP editor
  35. Stop a plugin in the activation process when a certain WP version is not met then show error message in admin_notices action hook
  36. How to Add a Third Level Sub Menu to the WordPress Admin Menu
  37. How to Add an Index to Plugin Database table
  38. How to safely sanitize a textarea which takes full HTML input
  39. How to Remove Certain Screen Options and Meta Boxes from add/edit post type?
  40. Why activate_plugin is not working in register_activation_hook
  41. Creating two database tables via plugin
  42. Is it a good idea to edit an already existing plugin to add more functionality?
  43. Custom Filter in WordPress to modify footer information via plugin?
  44. Editor access to plugin settings
  45. How to use a Must-Use plugin to hide a regular one and to hide itself?
  46. Shortcode display outside the div
  47. How does wordpress distinguish a plugin’s main php file from other php files? [duplicate]
  48. Insert code after tag without using functions.php?
  49. wordpress plugin that show my reputation (points) in any stackexchange project in my wordpress blogs
  50. Why load_textdomain work but not load_plugin_textdomain?
  51. Extend the Admin Post/Edit page
  52. Can wp_script_is used in pluginA check if a script is being enqueued/registered from pluginB?
  53. Licensing of freemium plugin
  54. Why was my plugin rejected from the WordPress.org repository?
  55. $wpdb working with ajax but showing ajax error instead of success
  56. Default Plugin Settings Not Writing to Database
  57. how to Include json manifest file in wp plugin
  58. Create a custom page template inside my wordpress plugin
  59. White page on custom plugin option submit
  60. Unable to override pluggable function wp_mail
  61. Avoid class name collision when using third party libraries in plugins?
  62. I want to auto populate data in three fields if one drop down is selected
  63. Plugin development: Buggy plugin preview
  64. how to use in custom single.php template using php?
  65. How can I change the meta_key for a particular piece of information?
  66. Howto check version of another plugin and then add a submenu page to it
  67. Can’t get Gutenberg InspectorControls to work
  68. Issues with a WP plugin menu system
  69. Different custom templates for product category [closed]
  70. Add a “View all” button on WooCommerce product archives pages
  71. How do I add an options page at the bottom of the list?
  72. A question of etiquette when forking a plugin? [closed]
  73. how to request a script more than once in wordpress
  74. How to log custom plugin error to debug.log file
  75. How to make a Product page without ordering and database
  76. wp_options not returning value for logged out users?
  77. How to create admin setting for this small plugin
  78. Hide all Admin Notices and move on a separate page
  79. How to fix caching issue in PHP data from database
  80. WordPress Gutenberg How to make TextControl Required?
  81. Adding shortcodes to multiple pages with function
  82. SASS not showing in customized preloader plugin
  83. How to securely controlling data without keeping it in postmeta?
  84. Get a list of Product Categories inside a loop
  85. Can you develop themes and plugins while using the hosting services BlueHost? [closed]
  86. WordPress plugin changes not updating
  87. wordpress ajax pagination object value does not change
  88. Google analytic issue in wordpress
  89. Custom pages with plugin
  90. What’s the preferred method of writing AJAX-enabled plugins?
  91. Shortcode registered from a plugin not recognized
  92. wp_update_post call really slow when official Facebook plugin is installed
  93. How to set-up multiple cron task with wp_schedule_event so that they do not overlap?
  94. _e in wordpress +
  95. WordPress Code Access to Restricted Content without Registration
  96. Plugin version number after code rewrite [closed]
  97. How can I make my plugin detect if a certain theme is active?
  98. Plugin Block at the backend of every page or post
  99. How to add a react element into the DOM node (only on the user-interaction like on click) without using the state?
  100. WordPress theme development – the template dropdown in Pages and disappeared