How to adjust overlapping featured collection images in Dawn?

Store Design

Topic summary

A user increased the size of featured collection images on their Dawn theme store but encountered an overlapping issue. They attempted to fix it using padding and margin adjustments without success.

Current CSS modification:

  • Applied width: 150% to .collection__card-inner

Status:

  • The problem remains unresolved
  • The user shared a screenshot showing the overlapping images
  • They mentioned trying help from @Markit-Themes, but that approach didn’t work

The discussion is seeking alternative solutions to properly space or resize the featured collection images without overlap.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
1

Hello guys, i’ve increased the size of my featured collection images but now they are overlapping, i tried using padding and margin to fix, but it did not work.

This is the code im using to increase their size.

.collection .card__inner {
  width: 150%;
}

Dabou_0-1707347620743.png
Dabou_0-1707347620743.png2454×1244 227 KB

Website: Dazzilia.com

Thank you!

2

Hey @Markit-Themes , it did not work.