Wow, I'm literally building a new website with the Site Editor right now and just happened to Google if Microthemer works with Gutenberg. This is a pleasant surprise as I'm a Microthemer customer.
I'm really glad to hear that this feature might come in handy with your Site Editor project. I spent a lot of time developing and testing this integration. It should work well. However, it's only just been released into the wild and there will no doubt be issues with certain WP setups that I haven't replicated on my testing server. So if you notice anything odd, or something doesn't seem to work as well as shown in this video please let me know. I'm committed to ensuring that this integration remains stable across all WP setups, and as the block editor evolves.
Wow, incredible work! I often get annoyed when styling Gutenberg elements, especially because the editor doesn't have quite the same structure as the output in the frontend. I assume that to get around this, you have also chosen the path of the new class and also use "!important" (as seen in the options panel) even it's not as elegant as if we could override the original classes. But you have certainly put a lot of thought into it, and this is probably the best way using a tool like Microthemer.
Hey @jugibur2117, thanks for your comment, which I've only just noticed (apologies for the delay). The !important option is enabled by default in Microthemer because it helps ensure that Microthemer styles override theme styles without beginners having to learn about CSS specificity and consider it every time they select something. But !important can be turned off globally via the preferences. It's the first option to customize on the Microthemer setup screen. Some devs disable !important because, outside of the Microthemer use case, !important is almost always a bad idea. But with Microthemer, which is meant to trump all other styles on the site, I personally think that the use of !important is a perfectly valid and convenient solution. For Gutenberg, !important can be helpful too because the automatically generated single class selectors will always override blocks styles.
@@jugibur2117 Thanks so much for your purchase! If you need any help getting started, feel free to reach out in my support forum (themeover.com/forum/) or via my contact form (themeover.com/support/contact/).
Hey, you can customise how the toolbars are displayed via Settings > View > Screen size layout presets. Choose "M" for a small laptop, "L" for a larger screen, or "XL2" for a very large monitor. You can also fine tune the panels further using the options below. There's a short video about this stuff: themeover.com/dark-mode-and-layout-options/ I hope that helps!
Wow, I'm literally building a new website with the Site Editor right now and just happened to Google if Microthemer works with Gutenberg. This is a pleasant surprise as I'm a Microthemer customer.
I'm really glad to hear that this feature might come in handy with your Site Editor project. I spent a lot of time developing and testing this integration. It should work well. However, it's only just been released into the wild and there will no doubt be issues with certain WP setups that I haven't replicated on my testing server. So if you notice anything odd, or something doesn't seem to work as well as shown in this video please let me know. I'm committed to ensuring that this integration remains stable across all WP setups, and as the block editor evolves.
Wow, incredible work! I often get annoyed when styling Gutenberg elements, especially because the editor doesn't have quite the same structure as the output in the frontend.
I assume that to get around this, you have also chosen the path of the new class and also use "!important" (as seen in the options panel) even it's not as elegant as if we could override the original classes. But you have certainly put a lot of thought into it, and this is probably the best way using a tool like Microthemer.
Hey @jugibur2117, thanks for your comment, which I've only just noticed (apologies for the delay). The !important option is enabled by default in Microthemer because it helps ensure that Microthemer styles override theme styles without beginners having to learn about CSS specificity and consider it every time they select something. But !important can be turned off globally via the preferences. It's the first option to customize on the Microthemer setup screen. Some devs disable !important because, outside of the Microthemer use case, !important is almost always a bad idea. But with Microthemer, which is meant to trump all other styles on the site, I personally think that the use of !important is a perfectly valid and convenient solution. For Gutenberg, !important can be helpful too because the automatically generated single class selectors will always override blocks styles.
@@Microthemer Thanks for your reply! Have now bought the LTD on Appsumo (but not installed yet)
@@jugibur2117 Thanks so much for your purchase! If you need any help getting started, feel free to reach out in my support forum (themeover.com/forum/) or via my contact form (themeover.com/support/contact/).
How do you get that panel on the left? I don't see any left panel when in MicroThemer.
Hey, you can customise how the toolbars are displayed via Settings > View > Screen size layout presets. Choose "M" for a small laptop, "L" for a larger screen, or "XL2" for a very large monitor. You can also fine tune the panels further using the options below. There's a short video about this stuff: themeover.com/dark-mode-and-layout-options/
I hope that helps!