Need help with HTML/CSS for PnP Search Results Web Part

Brass Contributor

I have a PnP Search Results Web Part and I'm trying to change the style so that it looks like the news web part with the tile or list layout.  


This is what I have so far by using the Card layout: 



I removed a few fields so that only the news title shows:



Is it possible to adjust the HTML/CSS of the results so that it has one of the layouts below. If so, can someone please share the code?


Tile layout:




List layout: 



1 Reply

Hello @eahbxecrfash3q 


i can not help with the code, but here are more information about to start with custom layouts:


Best, Dave