Power Pages stops recognizing CSS after change

[garyF]

I had been using custom css files and making changes to them fine, but now every time I make a change to any css file, when I sync and preview the change, the entire css file is no longer recognized by when viewing the page in browser. 

The only workaround I have found in reuploading the same css file under a different name, then it will be recognized again, but as soon as I make another change, same issue occurs and only way to see it is reuploading again.

I tested making a small change to the bootstrap.min.css file and the same issue occurred with that file too where after a change and save, the file stopped being recognized and I had to reupload the file as a custom css for bootstrap classes to be recognized again.

Why is this happening and what can be done to fix it?

Thanks,

Gary

[lwdt_osh]

I am having the same issues with the custom.css file not being applied to the power portal. It's only started happening today on our site. Has anyone found an fix?

[ragavanrajan]

Hi @lwdt_osh 

Did you try my suggestion below? For me it is fine.  What happens when you hit Ctrl + S when you are editing the custom.css file is VSCODE editor? 

Hope it helps.
------------

If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

[lwdt_osh]

Hello @ragavanrajan 

That did work, but when I want to make another change to the css file it completely breaks the styling again. It's such a pain to have to re-upload a new css file each time I make a change. 

[ragavanrajan]

Good to hear @lwdt_osh 

For me when I make changes to CSS custom file. I get the following popup in VS Code. (Maybe- disable popup blocker) 

Hope it helps.
------------

If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

[lwdt_osh]

Hmm interesting, when I save I never get that popup - it just saves and then breaks the styling on the page. 

[ragavanrajan]

Please check the browser pop-up settings. 

[richardmayo]

@ragavanrajan are you using the web or desktop version of VSCODE? 

For me, I am using the web version and I dont get the popup. I have no add-blockers either. But I think that popup isnt a browser popup, its actually in the web app.

[richardmayo]

Hi @ragavanrajan 

OK... so i created a new site using 'enhanced data model'

The site loads fine, I created the same custom.css file and uploaded through the design studio.

I used VScode (web) to edit the css file. The override popup STILL did not show

However, the css changes were reflected on the site fine. The custom.css file loaded currently and I can continue to make changes through VScode and they reflect.

[lwdt_osh]

I got a response from a support engineer at Microsoft, they are aware of the problem and are currently working for a fix. Their advice was to upload the .css file directly on the webfile in the portal management until a fix is deployed.

[richardmayo]

@lwdt_osh 

Thanks for the update.