Theme manager - how do I switch to my custom theme?

Wappler General How To
#1

I have read the tutorial for the Theme Manager and done as it suggested and made some changes and upload design theme as custom theme.

So how do I now apply it to my app, my app original was using the bootstrapcdn and now I want it to pick up my custom theme, but can not see anywhere you do this?

What am I missing?

#2

You just need to use the local bootstrap theme and not the cdn one. The local gets changed with the theme.

So just choose bootstrap 4 local as page framework and the theme will be applied.

#3

HI @George yep I did that and saved, but it didn’t apply it is still showing the original cdn version. I can see the style sheet reference in the header too.

I closed all pages closed down Wappler and restarted, but no change its not picking up the theme defaults.

#4

I can also see the local bootstrap files and opening it up can see the changes I made for the custom theme. But doesn’t seem to reference the local file.

#5

You need to change to a local Bootstrap 4 include, not CDN in the frameworks menu:

Screenshot_16
Screenshot_16795×597 140 KB

#6

AH HA! That is what I was missing thanks @Teodor much appreciated!

1 Like
#7

11 posts were split to a new topic: Theme manager with NodeJS project

#8

4 + hours

giphy-cry

#10

What’s up guys?
Just a follow-up on this topic for clarification: In app structure, my theme is Bootstrap Local in the framework menu, and it is CDN in the framework menu of the project settings. Which one has authority and does it create any conflict? Shall I have both as Local so I can use the Theme Manager correctly?

image
image1420×650 26.6 KB

#11

It must be set to local on your page(s), i.e. app structure where you want to use the pages manager. Otherwise you will see no changes.

#13

Understood. I’m set to Local in AC.
And I can leave the CDN framework setup in the project settings as is with no problem?