Hi Chris

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

[class^="grid-columns"],

[class*=" grid-columns"] {

    display: grid;

    grid-gap: 20px;

}

Ciaran

Hi Ciaran

Yes, that was it :-)

Thank you and kind regards
Chris

Hi Ciaran

here I am again. I just noticed, that your suggestion DOES make a 2-column blog layout. But it is not responsive. On a mobile screen there are 2 columns as well and the second column is partially outside the screen.

Thank you again.
Chris

Hi Chris

For smaller screen devices you can add the following after the previous CSS in your Custom CSS field...

@media only screen and (max-width:767px) {

	.grid-columns-2 {

	    grid-template-columns: 1fr;

	}

}

Ciaran

Hi Ciaran

well, I am happy now :-)

Thank you and kind regards
Chris