Plugin Author
Miles
(@areoimiles)
Hi @catiakitahara thank you for getting in touch. Happy to hear you like the plugin!
Yes, I can definitely add this in. I’m not sure how long it will take, so I’m going to have a look in to it and I will give you an update once I have figured it out.
In the meantime, to avoid any delays on your project you could turn off the Bootstrap CSS and JS that the plugin includes and include your own version within your theme – see screenshot here https://areoi.io/wp-content/uploads/2022/02/turn-off-bootstrap.png.
This will give you more control over where the Bootstrap files are included. As long as you include version 5 of Bootstrap all of the functionality should work the same.
Hope this helps and I will send you an update once I resolve the ‘global styles’ issue.
Thanks
Miles
Hi @areoimiles
Yes, I can definitely add this in. I’m not sure how long it will take, so I’m going to have a look in to it and I will give you an update once I have figured it out.
That’s great news!! Thank you so much! Global styles were recently moved from body to head since 5.9.1 if it’s a block theme and that’s when the issue started.
In the meantime, to avoid any delays on your project you could turn off the Bootstrap CSS and JS that the plugin includes and include your own version within your theme – see screenshot here https://areoi.io/wp-content/uploads/2022/02/turn-off-bootstrap.png.
That’s what I’m doing right now! 🙂
Thanks again!
Plugin Author
Miles
(@areoimiles)
Hi @catiakitahara I hope you’re having a good day! Thank you for your patience.
I wanted to let you know, we have released a new update (1.1.0) with a couple of new features that should help with your issue.
Firstly, we have added a new field under ‘Bootstrap > Dashboard’ named ‘Bootstrap CSS Priority’. This allows you to manage where the Bootstrap CSS gets added to the <head> section of the site. If you set this to anything under 10 then Bootstrap will be added before your global styles.
The second thing we have added is the ability to populate Bootstrap options with your theme.json settings. If you head to the Bootstrap settings section and go to ‘Customize > Theme Colours’ for example, then click ‘Use sass variable’ on any of the options, you will see a new dropdown labelled ‘Populate with theme.json’. You can choose a setting from the list which will populate the Bootstrap option, click ‘Save’. When you do this, your Bootstrap will be automatically recompiled each time you update a value in your theme.json.
You can see the full docs on these 2 features here https://areoi.io/all-bootstrap-blocks/documentation/getting-started/settings/.
Hopefully this resolves the issues you brought to our attention. I’m going to mark this ticket as resolved, but if you have any feedback or this doesn’t solve your problem don’t hesitate to get back in touch.
Thanks
Miles
P.S: if you like our plugin and are happy with the support we have provided, we would really appreciate it if you could take a few seconds to leave us a positive review.
https://wordpress.org/support/plugin/all-bootstrap-blocks/reviews/#new-post
Hi @areoimiles
I just saw that! It’s awesome! Thanks so much!
P.S: if you like our plugin and are happy with the support we have provided, we would really appreciate it if you could take a few seconds to leave us a positive review.
Sure thing!
