Dawn Theme: Increase white space (padding) between Featured Collection Images

Store Design
1

How do I increase the white space (padding) between Featured Collection Images?

See below:

AD7A047A-F3A0-437C-B501-437270BFE15C.jpeg
AD7A047A-F3A0-437C-B501-437270BFE15C.jpeg2136×914 163 KB

Thank you!

1 Like
2

@UniquelyClaudia ,

share the url please…

3

Sure!
https://www.uniquelyclaudia.com

1 Like
4

Hi @UniquelyClaudia ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
@media (min-width: 750px) {
.collection .grid {
    column-gap: 20px !important;
}
.collection .grid .grid__item {
    max-width: calc(25% - 20px * 3 / 4) !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like
5

@UniquelyClaudia

.card.card--standard.card--media {
    padding: 10px !important;
}

Add this code in the bottom component-card.css file and save it.

3 Likes
6

Go to Online Store->Theme->Edit code
Asset->/base.css->paste below code at the bottom of the file:

.collection .card.card--standard.card--media {
    padding: 10px !important;
}
1 Like
7

Thank you! This was exactly what I was looking for!

1 Like
8

@UniquelyClaudia
Thank you,
Let me know if you need any more help.