Solved Where can I adjust the Blog post list article item css?

I am trying to solve a design issue that I have asked about here https://divi.help/threads/how-can-i-list-blog-posts-in-grid-style.11458/ - I have a feeling the designer is not going to go with results from what I am trying to achieve in the solutions discussed on the link so am also looking at a css based solution as described below.

Please see the screenshot below. I am trying to get the Divi Blog module to output the list content in a grid pattern across the page. The styled list in the top of screenshot is how Divi loads the output but I want the output to display as I have adjusted things via the console.

I can't make the adjustments anywhere in the Custom Code section of the Divi Blog module and I have tried adding the styles to the Divi style.css file but I'm not having any luck targeting the article element. Can anybody see what I am doing wrong?

In the Divi css file I have added the following to target the article '.trgt-blog-posts .trgt-row .trgt-posts .et_pb_blog_1:not(.et_pb_blog_grid_wrapper) .et_pb_post {
styles here
}

The first class in the path is a custom class I added to the Section, the second is a custom class I added to the Row the third is targeting the Blog module.

Any help gratefully appreciated!
Grant

 

Thanks! When I add the class 'free-blog-title-center' in the CSS Class field, it removes the existing classes that were in the module already. Are yuo able to tell me what the full list should be with the extra one you suggest?

Cheers.

 

Hey, thanks for your help! I didn't end up using the Divi Block element in the end, and went with a code customization of the default Blog element. But I wouldn't have got there without your help! So, thanks again.