Meta Box

Collapsible group label bug

Support › MB Blocks › Collapsible group label bugResolved

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 15, 2020 at 1:35 AM #17843
    JackkyJackky
    Participant

    Look
    null

    January 17, 2020 at 4:42 PM #17874
    Anh TranAnh 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
    JackkyJackky
    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 TranAnh 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
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.