theme.json settings > custom not available in plugin UI

  • Resolved Butterfingers

    (@cantbelieveitsnotbutter)


    1 year, 8 months ago

    Hi @areoimiles,

    It appears that variables in theme.json within the settings > custom array aren’t available for “populate with theme.json” in the plugin UI. That array seems like a good place to put Bootstrap overrides for things such as drop shadow styles, breakpoints, etc. On a side note, when attempting to use theme.json styles > shadow for this, using an rgba value for the color resulted in just the rgb being used for the variable value. This might be a WordPress issue and have nothing to do with this plugin, but it underscores the value of being able to use settings > custom instead.

    Thanks for your consideration, and I’d be curious to hear how you might be using theme.json to handle Bootstrap overrides for things (unlike fonts and colors) that theme.json doesn’t provide.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Miles

    (@areoimiles)

    Hi @cantbelieveitsnotbutter

    Thank you for flagging this. I’m actually working on the theme.json / plugin compatibility at the moment as I have come across similar issues. I’m hoping to have it uploaded in the next few days and the work I’m doing should resolve your issues.

    I’ll let you know once it’s uploaded then you can give it a try and if your problem continues then we can carry on the discussion.

    Thanks again for flagging this.

    Miles

    Plugin Author Miles

    (@areoimiles)

    Hi @cantbelieveitsnotbutter

    I have just released an update which should make working with theme.json + All Bootstrap Blocks much easier. You can now override any of the All Bootstrap Blocks settings directly from your theme.json file. Underneath Settings > Custom you will need to add a new section named “all-bootstrap-blocks” then within here you can put the option name and value. This will automatically override the options. Each time your theme.json is updated the Bootstrap CSS will be recompiled with the new values.

    Here is an example for your theme.json:

    "custom": {
            "all-bootstrap-blocks": {
                "areoi-customize-body-body-bg": "rgba(0,0,0,0.1)"
            }
        },

    Within the settings page I have added each options name underneath the option to make it easier to find, see example screenshot here:

    On the left you will see the option name and if you add this to your theme.json then on the right you will see that the value is being overridden. I’ve tested this with rgba values too and all seems to work fine.

    It would be great to get your feedback on this. If this doesn’t resolve your issue, please let me know and I will take a further look.

    Thanks again for flagging this.

    Miles

    Thread Starter Butterfingers

    (@cantbelieveitsnotbutter)

    Hi @areoimiles,

    This is so excellent. It’s exactly what I was hoping you’d do.

    I’ll “kick the tires” and let you know how it goes. Thanks so much.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘theme.json settings > custom not available in plugin UI’ is closed to new replies.