How To Create More Than 6 Grid Columns In The Archive Loop Module

Introduction

Follow this step to create more than 6 columns in the Archive Loop module.

Step 1: Add CSS

At the moment the Grid Style in the Archive Loop Module only allows you to create up to 6 columns. However, for whatever reason, you might like to create more than 6. To do this please add the following CSS into the Divi > Theme Options > CSS section (or your child theme's style.css file) to create extra columns in the Archive Loop's Grid style. Note that this code will create 7 columns, to create 8 or 9, etc. please change the "7" to a number of your choice.

body .et_pb_section .col-desk-6>:not(.no-results-layout) {
grid-template-columns: repeat(7,minmax(0,1fr));
}

---