Set or modify css var

Hi @francofurto

Thank you for getting in touch.

These variables are dynamically generated by WordPress and your current site settings. It is possible to override them with custom CSS in a child theme.

Are there any specific changes you would like to make that I can help with?

I’m still not used to block themes, theme.json etc. Basically I’ve added another folder to the svg rep in order to choose other icons and modified the php. But the -webkit-mask-size hides part of the icon (it’s not square shaped but takes more width).

Ok I see, please note that changes made to the theme directly will be lost during an update. If you have added those changes to a custom child theme then all good

Blockify provides a filter to add custom icon sets from a child theme (or plugin) – https://github.com/blockifywp/theme/blob/main/includes/utility/icon.php#L56

The reason the icons use the webkit mask is to allow gradient colors to work, without a mask they can’t use gradients. You could try adding some padding to the block, or setting a fixed height.

Is it possible to share the URL so I can take a look for you? It should be possible to share it privately in this support thread.

• This reply was modified 2 years ago by Blockify.

Ok, shared it. I’ve used the support section inside your blockifywp website.