1 reply [Last post]
Gekko Thunder
Gekko Thunder's picture
Last seen: 4 years 6 weeks ago
Joined: 2019-02-07
Posts: 1
Points: 2


I would like to style a post feed module (Divi theme) so that the first column is 50% width and the rest of the 7 are 25%, creating a grid like this https://www.screencast.com/t/GNJODhIG3

I have this CSS grid code so far, but I can’t find a way of editing it to get the desired layout.

.ds-grid-blog .et_pb_ajax_pagination_container {
display: grid;
grid-template-columns: repeat(5, 18%);
grid-column-gap: 2.5%;}

Is there some code I could add like “column-one, row-one: 50%;”

Any help would be much apreciated,,, thanks.

gary.turner's picture
Last seen: 2 years 3 weeks ago
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Sharing my ignorance

I have not had any need for a grid layout display, so I'm depending on a quick scan of the rules.

It appears there is a property "span" that acts similar to the span attribute in table structures, i.e. you combine two or more grid boxes to make one larger box.

I leave you to read the specs.


If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.