Sharepoint 2013: List View - boxed one column

Question

Sharepoint 2013: I have created a form; with a custom list and have chosen the boxed style and I need to display the contents in a single column.

Can anyone advise how I can achieve this please

Answer 1

Add a script editor web part to the page where your list is and add some CSS to make it one box per row/item.

<style type="text/css">
table.ms-listviewtable > tbody > tr > td {
border: 1px solid transparent;
border-width: 1px 0px;
float: right;
width: 100%;
}
</style>

If you wanna hide the horizontal column names, add this CSS inside the style tags.

.ms-viewheadertr {
display: none;
}