Add horizontal line in SharePoint NewForm page

Question

In SharePoint 2016, I have a new form "NewForm.aspx", I want to add a horizontal line between specific fields as a delimiter.

I need to add a horizontal line between payment and name fields!

I used SharePoint Designer to add this style with no avail!

<style type="text/css">
tr.bordered {
    border-bottom: 3px solid gray;
}
</style>

Any help?

Answer 1

Add a horizontal line between specific field in SharePoint NewForm page

1. Open your list.
2. Click on "New Item".
3. From the top right setting icon, select "Edit Page".

4. Click on "Add web part".
5. At "Media Content", Click on "Script Editor Web Part" > Add.

6. Add the below CSS style.

<style>
   .ms-formtable tr:nth-child(2) td {
       border-bottom:3px solid gray; }
</style>

Note: the number at nth-child(2) refers to the number of rows (fields) that the horizontal line will be added.
Ex: If you need to add it after the title, so you should add nth-child(1)

[Output]

Comments

yes !!!!! thanks a lot for your help