It will add a class to your block’s output. You just have to separate the classes with a space. You might have to check the output of the block where the class is being placed. For Example, If you add an image, the image is wrapped in a figure element and the class is placed on that element and not on the img element. After you add it go to the front end and check the HTML created using the inspector. Make sure it placing it where you think it is.
Thanks for the reply, I think you misunderstood however. The classes are all set up in the theme, but despite naming them logically i.e. border-bottom-blue, no-bottom-margin etc, the page editors will forget the classes available to them.
What I wondered if I could do was change the descriptive text beneath the css field that is currently ‘Separate multiple classes with spaces.’ with something more like
You have the following classes available for use;
border-bottom-blue – adds a blue border to the bottom of the item
no-bottom-margin – removes the bottom margin, to place items below it closer
If you change the name of the class you have to add new stylings. The Editor doesn’t know what your new classes are for. You can add and change anything you want but you need to add the CSS rules for them. If you want to style the block you can add a theme.json file and configure the styles and colors of the block. If you delete a class you are in effect destroying any styling added by that class. The rules will remain in place but they will not be used. You can add and change any class in that field but you not the editor is responsible for setting the rules for that class.
The theme is all set up and working correctly to the styles, that’s not what I am asking.
Is it possible to change the text circled in this image?
https://ibb.co/PFy0jKB
To something like
https://ibb.co/LRQyQvy
