0

I want to add a horizontal dark line underneath my web parts to separate each. How do I need to go about doing this?

1
  • Modern UI or Classic UI? Out of the box web parts, or custom web parts? Mar 5, 2019 at 20:28

1 Answer 1

2

If it is modern page (site page), you can use Divider web part to add a line between web parts.

enter image description here

If it is a classic page, you can add a Script Editor web part between the web parts and enter html such as <hr/> in a Script Editor web part as horizontal line.

Or, create the custom text style with the following scripts as horizontal line.

/*extensions*/
/*page elements*/
span.ms-rteElement-CustomHRElement{
    -ms-name:"HR in page elements";
    background-color: #b6b6b6;
    height: 1px;
    width:100%;
    display:block;
}
/*text styles*/
.ms-rteStyle-CustomHRStyle{
    -ms-name:"HR in text styles";
    background-color: #b6b6b6;
    height: 1px;
    width:100%;
    display:block;
}

Refer to Horizontal Rule in Content Editor Web Part? for more information.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.