Formatting the post list

Hi Wilmart,

I’m currently fiddling with the styling of my website myself.

In my browser the F12 function button enables me to see the html and stylesheet definition of the page presented.

The display posts are presented as a list, styled by the class .display-posts-listing. In the stylesheet of your template you can style that class almost anyway you want it. See e.g. https://www.w3schools.com/cssref/default.asp.

I want each post listed with title and excerpt as any archive listing. It will take me some time, but it will be the way I want it.

Stay safe,
Paul

To give you an idea: my stylesheet now includes:

/* Plugin Display Posts */ 

ul.display-posts-listing {
	margin-left: 0;
	list-style: none;
	}

.listing-item   {
	margin-left: 0;
	list-style-type: none;
	display: grid;
	grid:	' entry-meta	entry-title	' auto
		' .		entry-summary	' auto
		/ 5em		auto		;
	align-items: end;
	}

.listing-item .date	{
	grid-area: entry-meta;
	}
	
 .listing-item .title	{
	grid-area: entry-title;
	font-family: var(--sans-serif);
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1;
	}
	
.listing-item .excerpt {
	grid-area: entry-summary;
	line-height: 1.5;
	margin-bottom: 12px;
	}

.listing-item .excerpt-dash {
	 display: none;
	}