Unanswered

Power Pages stops recognizing CSS after change

(1) Share

Report

Posted on by 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

Categories:

General topics

I have the same question (0)

All responses (24)

Answers (0)

Sort by

ragavanrajan 7,044 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!

Hi @garyF

What is the custom CSS file name? Reading from your problem. Are you using the file name "bootstrap.min.css?"

If so you may need to change the file name like "custom.css"

Tip: Make sure your custom CSS file path is set to "Home"

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.

Was this reply helpful? Yes No
Richard Mayo 40 on at

Like (2)

Report
Copy link

Link copied!

I can confirm this is happening also.
We have a file 'custom.css'. If its a fresh upload, it works fine, but as soon as you make a change to the file (i.e add or remove a line) and re-save its no longer recognised and none of the css becomes active.
Its only just started to happen in the last 2-3 days.

Was this reply helpful? Yes No
Saud Ali 812 Super User 2024 Season 1 on at

Like (0)

Report
Copy link

Link copied!

@richardmayo - I know it's not a good solution. But I was facing the same issue how it worked for me was to change filename every time I made changes. Can you give it a try?

If this works for you, we can open a ticket with Team.

Thanks,
Saud

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

Was this reply helpful? Yes No
ragavanrajan 7,044 Most Valuable Professional on at

Like (1)

Report
Copy link

Link copied!

Hi @garyF @richardmayo @saudali_25

I have tested this functionality. Here is the result

Background change for the text field multistep form.

here are the steps

In design studio:

1. Styling > Themes> Three dots > upload a new file called "custom.css"

2. Add your CSS style

3. Sync

4. To update the CSS, Select the file "Custom.css" > Three dots > Edit in Code

5. Add your styles. Hit "Ctrl + s" VSCode will ask you to override the existing CSS file

Overriding the CSS & Output

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.

Was this reply helpful? Yes No
Saud Ali 812 Super User 2024 Season 1 on at

Like (0)

Report
Copy link

Link copied!

@ragavanrajan thanks for sharing. You're a rockstar.

Was this reply helpful? Yes No
Richard Mayo 40 on at

Like (0)

Report
Copy link

Link copied!

Hi @ragavanrajan

Thanks for the suggestion. Those are the exact steps I have been following but its still not working.

What I found interesting is that the file appears to load fine, I can see it in the Developer Tools on the browser and I can see the HTML link has been added to the head, but it just doesn't appear to be accepting any of the CSS code itself.

Something else ive noticed, is that in VSCODE, its not asking me to override the file. It just saves.

Was this reply helpful? Yes No
ragavanrajan 7,044 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!

Hi @richardmayo

Can you switch your environment to "Enhanced data model " and give a try please

Once enabled, try a hard refresh (Ctrl+ f5) in the design studio.

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.

Was this reply helpful? Yes No
Richard Mayo 40 on at

Like (0)

Report
Copy link

Link copied!

My understanding is that does not change any existing sites to 'enhanced'
It would also be a big change for a production site like ours, esspecially since its still in 'preview'

Was this reply helpful? Yes No
ragavanrajan 7,044 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!

@richardmayo

Please do not try in production. Only in the dev environment. I am trying to figure out where the bug exists.

Was this reply helpful? Yes No
lwdt_osh 12 on at

Like (0)

Report
Copy link

Link copied!

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?

Was this reply helpful? Yes No