Invisible or broken buttons in wordpress editor
Some button effects are only possible with additional CSS code. This code has the side effect that it is not always correctly delivered in the Wordpress editor and it comes to display errors. So it can be that you insert a button and it is not directly visible. The button is there, check the "List View" :)
Button categories
Besides the 12 categories, it is possible to search for keywords like “left”, “right”, “fill”, “shiny”, “icon”, etc. So you can find your desired button even easier.
Custom CSS
Part of what makes our buttons stand out is that we focus on creating designs that go beyond the capabilities of Kadence’s native settings.
To accomplish this, we often use invididual CSS code. Usually, this added CSS code is in the top row of the block tree, and they refer to custom CSS classes that we have applied to child blocks in that row.
For each button that is inserted as soon as it is inserted from the library, hints for editing the CSS code are added.
Feel free to edit this CSS if you desire, but remember that if you alter the structure or appearance of a component, it may no longer work/appear as planned.
Some of the settings within our custom CSS Code may include preset colors or other settings that aren’t available in the native Kadence settings. If this applies, we have, whenever possible, applied the CSS variables that Kadence applies when editing settings in the customiser. This ensures that any changes made by users will be carried over into our blocks.
Fonts & Colours
Don’t be fooled by the colours and fonts you see in our demos and inside the Proxa Libs. All buttons adopt your own colours and fonts on import and can be modified using the native Kadence settings.