Set or modify css var

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Blockify

    (@blockify)

    3 years, 2 months ago

    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?

    Thread Starter francofurto

    (@francofurto)

    3 years, 2 months ago

    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).

    Theme Author Blockify

    (@blockify)

    3 years, 2 months ago

    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 3 years, 2 months ago by Blockify.
    Thread Starter francofurto

    (@francofurto)

    3 years, 2 months ago

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

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

The topic ‘Set or modify css var’ is closed to new replies.

Tags