Handy plugin for custom CSS – does not work with some Gutenberg blocks

  • skylabb

    (@skylabb)


    5 years, 7 months ago

    Initial use got me confused the way how CSS was applied to elements via plugin’s selector method. I go it figured out. Also I didn’t get expected results in the frontend at first. Then I realized there was other CSS override rules I needed to straighten out.

    Update:
    It looks like the plugin does not work with some Gutenberg blocks. I’m using Kadence blocks, and it seems my custom CSS is not showing up in the frontend at all. I use mostly third party blocks to build my sites.

    • This topic was modified 5 years, 7 months ago by skylabb.
    • This topic was modified 5 years, 7 months ago by skylabb.
    • This topic was modified 5 years, 7 months ago by skylabb.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Hardeep Asrani

    (@hardeepasrani)

    5 years, 7 months ago

    Hey @skylabb,

    That usually happens when blocks don’t support the basic Gutenberg standards of using their class name in both back & front-end.

    Unfortunately, if blocks don’t handle the classnames properly then our plugin really can’t do it.

    If you try to use it with any Core or Third-Party blocks that use WordPress’ API properly then it should work.

    You should be able to try it with our Otter Blocks: https://ww.wp.xz.cn/plugins/otter-blocks/

    Let us know your thoughts. 🙂

    Plugin Author Hardeep Asrani

    (@hardeepasrani)

    5 years, 7 months ago

    Regardless, we will see what we can do and let you know how it goes. Thanks for reporting.

    Thread Starter skylabb

    (@skylabb)

    5 years, 7 months ago

    Thanks for the response, Hardeep.

    It can be very tricky that this plugin relies on other third party blocks to comply with WP API standards as you can’t control what they do and be limited to the few blocks that do.

    It’s a great approach though I hope you can find a way to work around this limitation. How about providing an alternative fall-back CSS injection method that can work more universally with all blocks?

    Added back one review star for the quick and constructive response.

    • This reply was modified 5 years, 7 months ago by skylabb.
    Plugin Author Hardeep Asrani

    (@hardeepasrani)

    5 years, 7 months ago

    It’s a great approach though I hope you can find a way to work around this limitation. How about providing an alternative fall-back CSS injection method that can work more universally with all blocks?

    That’s pretty tricky as we can’t access block contents any other way. But regardless, we will take a look at this and see how we can fix it.

    Added back one star for the quick and constructive response.

    Don’t mind about the ratings. We don’t care about the stars as much as we care about helping people. 🙂

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

The topic ‘Handy plugin for custom CSS – does not work with some Gutenberg blocks’ is closed to new replies.