Thank you for choosing Microsoft Community.
You might need to adjust your CSS styling to remove the border around your lists and forms.
Here’s a simple way to do it:
Navigate to Styling>Sections>Margins & Spacing> Reduce the Column Padding to zero. Then Save.
Alternatively,
Identify the elements: Make sure you know the specific HTML elements or classes that have the border.
Update your CSS: Add or modify the CSS rules to remove the border.
To remove the grey 1-pixel border from your Power Pages form, you can use custom CSS.
Here’s a step-by-step guide:
-Open the Power Pages Design Studio: Navigate to your Power Pages site and open the design studio.
-Select the Form: Choose the form you want to modify.
-Add Custom CSS:
Go to the Settings or Advanced section where you can add custom CSS.
Insert the following CSS code to remove the border:
CSS
.your-form-class {
border: none;
Replace .your-form-class with the actual class or ID of your form. If you’re unsure about the class or ID, you can inspect the form element using your browser’s developer tools.
-Publish the Changes: Save and publish your changes to see the effect.
If this fixes the issue, please mark as resolved to help others with find it. If you like the solution then give me a thumbsup!
Happy to help.
Robu 1