Fixing CSS for changing the number of columns in the loop grid. (#3102)

brianhogg · web-flow · commit 6eeb6b9619fb · 2026-04-07T18:30:02.000+02:00
diff --git a/.changelogs/fix_change-loop-columns.yml b/.changelogs/fix_change-loop-columns.yml
@@ -0,0 +1,6 @@
+significance: patch
+type: fixed
+links:
+  - "#3101"
+entry: Fix lifterlms_loop_columns filter styling to change the number of columns
+  in a loop (ie. Course Catalog).
diff --git a/assets/scss/frontend/_loop.scss b/assets/scss/frontend/_loop.scss
@@ -23,7 +23,7 @@
 	@media all and (min-width: 600px) {
 		$cols: 1;
 		@while $cols <= 6 {
-			&.cols-#{$cols} .llms-loop-item {
+			&.cols-#{$cols} {
 				grid-template-columns: repeat($cols, minmax(0, 1fr));
 			}
 			$cols: $cols + 1;

Original file line number	Diff line number	Diff line change
`@@ -23,7 +23,7 @@`
`23`	`23`	`@media all and (min-width: 600px) {`
`24`	`24`	`$cols: 1;`
`25`	`25`	`@while $cols <= 6 {`
`26`		`- &.cols-#{$cols} .llms-loop-item {`
	`26`	`+ &.cols-#{$cols} {`
`27`	`27`	`grid-template-columns: repeat($cols, minmax(0, 1fr));`
`28`	`28`	`}`
`29`	`29`	`$cols: $cols + 1;`