Switching Bootstrap 5 CDN to Bootstrap 5 Local for use with the Theme Manager

New to Wappler from Bubble. I’m following Hyperbytes youtube tutorials. However, I can’t figure out why my theme manager isn’t transferring to the properties editor. Everything is just greyed out. I’m using bootstrap 5.

Thank you!

Hello,
Does your content page has a layout page?
Is your Layout page saved?
What frameworks have you included on your Layout page?

Also a screenshot of what you see in Code view on your content page would be nice.

I think I need to go back and read more of the docs and tutorials as I’m not sure the purpose of the layout page and its relationship.

I apologize about my premature question, as I just came over from Bubble. Still learning, I finished HTML & CSS on Codecademy.

Thank you for your response.

You are using boostrap5 cdn to use theme manager you use bootstrap 5 local

In the top right of wappler you see App structure Design etc

Directly below Design is a icon looking like 3 boxes click this box and then change bootstrap 5 cdn to local do this on both index.ejs and main.ejs

As for the greyed out colours try closing and reopening the page so it refreshes things I had this before I believe

2 Likes

I just updated both frameworks on the pages to Bootstrap 5 Local. I also closed and opened the pages after but colors are still greyed out.

Edit: It worked, thank you so much!

1 Like

Glad this has worked now that we know it’s working and that you are wanting to use the Theme Manager to customise Bootstrap 5 for this project and not the default Bootstrap 5 CDN

You may want to open project settings which is the orange checklist icon on the left of Wappler

Then open the Frameworks

Frameworks you choose here are what is auto added to new pages so if you have Bootstrap 5 CDN here you may want to change this to the local version, this will just make it so when a you make a new page you don’t have to swap out the CDN to Local etc

1 Like

Thank you for your help!

1 Like