Removing border from forms and lists

Like (2) Share

Report

Posted on 5 Oct 2024 07:38:48 by PM-05100736-0

I have a site and am wanting to remove the border that is placed around my lists and forms. I cannot seem to find any way to remove it. Any suggestions. notice the 1 pixel wide light gray border

Categories:

General

All responses (1)

Answers (0)

Suggested answer

Robu1 1,202 Super User 2025 Season 1 on 06 Oct 2024 at 22:31:56

Like (0)

Report

Removing border from forms and lists

Hi PM-05100736-0,

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