Collapsible group label bug - Support Fourms - Meta Box

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

Creator

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

Resolved Jackky
Participant

Look
Creator

Topic

Viewing 3 replies - 1 through 3 (of 3 total)

Author

Replies
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.

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.
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.
Author

Replies

Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.