- This topic has 3 replies, 3 voices, and was last updated 2 years, 6 months ago by
.
-
Posts
-
So I watched the vid in the docs saying the css generated by some 3rd party plugins are ingnored if one uses elements. I have an issue with a heading where I want to remove the margin-bottom. I have “Gutenberg Blocks Library & Toolkit – Editor Plus by Extendify” and “Blocks CSS: CSS Editor for Gutenberg Blocks” running to help speed up the workflow. Setting margin-bottom to 0 !important gets ignored or is still overwritten by the themes default H1 tag margin value. Is it because of the incompatibility of this tools and the elements feature?
Customer Support
Hi Mike,
As you know, the block CSS from 3rd part will be stripped in most cases in a GP element, but you can write CSS for it.
I would recommend use GenerateBlocks plugin, the style set in GB won’t lose in GP’s elements, and with GB, you can use dynamic features of GP elements.
https://wordpress.org/plugins/generateblocks/Hope that’s helpful.
Well I had GenerateBlocks already installed. Other then the 4 tools I see as choice, it has no benefit customizing any WP block element on the go. If I can’t use Editor Plus or CSS in the Gutenberg editor, how to customize simple things? GenerateBlocks jut offer styling options for its own 4 choices not for general blocks. Do I need to go the customizer advanced css tab? This would be a massiv workflow headache.
Customer Support
Hi Mike,
Well I had GenerateBlocks already installed. Other then the 4 tools I see as choice, it has no benefit customizing any WP block element on the go.
GenerateBlocks isn’t meant to style default Gutenberg blocks w/ the exception of text-based blocks like Headline & Paragraph blocks because they just inherit their container’s styling.
GenerateBlocks is more stylized alternative to the default layout blocks. The direct comparison over Gutenberg core blocks would be:
GB Container Block = Group block
GB Grid Block = Group + Columns Block
GB Headline Block = Heading block, Paragraph Block or Icon block.
GB Button block = Button block or Icon block.But GB has extra options for styling. To know more about it, please check its features here – https://generateblocks.com/
GenerateBlocks also allow dynamic values if used within a Block Element – https://share.getcloudapp.com/12uPD8nP
If I can’t use Editor Plus or CSS in the Gutenberg editor, how to customize simple things? GenerateBlocks jut offer styling options for its own 4 choices not for general blocks. Do I need to go the customizer advanced css tab? This would be a massiv workflow headache.
As for styling workflow GenerateBlocks generally is enough for the usual, simple layout styling(colors, background images, paddings, margins, order, borders, font styling). The additional CSS effects would require GenerateBlocks Pro version.
As for everything else that isn’t within the UI of GB + GB Pro is done w/ custom CSS within the customizer’s advanced CSS tab as you mentioned.
- You must be logged in to reply to this topic.