Filter label text is missing in list components in Power Pages design studio
This article provides a resolution for an issue where the filter labels in list components might not be visible in Power Pages design studio due to a text color issue.
Symptoms
If your site was originally created in Power Apps portals Studio, the filter labels in List components might not be visible in the new Power Pages design studio.
Cause
This problem happens because of a text color issue in the theme CSS file.
Resolution
To fix the text color issue, perform the following steps:
Note
If you're using the enhanced data model, use the Power Pages Management app instead of the Portal Management app.
Open the affected site in the Portal Management app.
Go to Content > Web Files.
Select the portalbasictheme.css file.
Go to the Notes tab and select the attachment link to download the portalbasictheme.css file.
If you're using the Power Pages Management app, select the portalbasictheme.css file from File Content and save the file locally.
Create a copy (such as portalbasictheme.original.css) as a backup in case you need to revert to the default later. Keep the browser open so you can replace the updated file later.
Open the downloaded portalbasictheme.css file in a text editor such as Notepad.
Add the following content to the end of the file.
.entitylist-filter-option-group .h4 { color: #000000; }
Save and close the file.
Go back to the Portal Management app from the open browser, and then select Delete > OK to delete the file.
Replace the existing file with the modified version:
Select the "Edit this note" pencil icon on the side of the screen.
Select the attachment icon at the bottom.
Select your updated file.
Select Save.
If you're using the Power Pages Management app, select Delete > OK to delete the file. Select Choose File, select your updated file, and then select Open > Save to save the uploaded file.