Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

Possible BUG: css of blocks used in Elements is loaded at the bottom of the file

Home / Forums / Kadence Blocks / Possible BUG: css of blocks used in Elements is loaded at the bottom of the file

This topic is: Not Resolved
[Not Resolved]
Posted in: Kadence Blocks
October 3, 2024 at 6:26 am

Hello,

I created a posts carousel and instead of the standard way to display posts I used a Kadence Content Section Element.
I used this tutorial:

In the Element I use kadence blocks that are not yet used in the page where the carousel is shown. (an icon for instance)
When I look at the source code, the icon block css (/wp-content/plugins/kadence-blocks/dist/style-blocks-icon.css?ver=3.2.54) is loaded at the bottom of the file just before the </body> tag and not in the <head> section where normally block css is loaded.

This creates problems as the css to customize the block (ex: the background color of a stacked icon block) is overwritten with the default css as it is loaded last.

When I add an icon the the page before the carousel then the icon block css is loaded in the <head> and the customizations in the Element are displayed correctly.

This has to be a bug or am I doing something wrong?

  • The forum ‘Kadence Blocks’ is closed to new topics and replies.