Collapsible group label bug - Meta Box

This topic has 3 replies, 2 voices, and was last updated 4 years, 10 months ago by Anh Tran.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
January 15, 2020 at 1:35 AM #17843

Jackky
Participant

Look

Add New Note to this Reply

January 17, 2020 at 4:42 PM #17874

Anh Tran
Keymaster

Hi Jackky,

I think the problem is the theme. As you know, WP allows theme to add custom style to the editor. And that might affect the plugin's CSS. I'd suggest you add some small CSS to the edit screen to fix this issue. We've got a tutorial on doing this.

Add New Note to this Reply

January 18, 2020 at 7:46 PM #17901
Jackky
Participant
I've noticed it's because this style
```
.editor-styles-wrapper h4 {
    margin-top: 1.33em;
    margin-bottom: 1.33em;
}
```
But this is added by gutenberg by default. Also my suggestion is to refactor all the markup of MetaBox with html 5 and BEM metodology. In this case there will be no conflicts with other styles.

Add New Note to this Reply
January 22, 2020 at 11:09 AM #17951

Anh Tran
Keymaster

Hi Jackky, thanks for your investigation. I've added CSS to the MB Blocks extension and will release it in the next version.

Regarding refactoring all the markup, I'm afraid it's not possible due to a lot of unexpected affects and BEM has quite low specificity (usually 1 class), which still be overwritten by WP or other plugins/themes.

Add New Note to this Reply
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.