How can I increase padding between product image thumbnails and title in Dawn theme?

Store Design
, , , ,
1

Hi

Is there any way to increase the padding between the product image thumbnails and the product title?

Kind regards

2

@troydewit
Hello,
Can You Please Share Your Store URL?

3

Hi @troydewit

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

4

The URL is crazerebels.com. On mobile, the product image thumbnails and the title almost touch

5

My URL is crazerebels.com. On mobile, the product image thumbnails and the title almost touch

6

Hi @troydewit

Please follow these steps:

  • Go to Online store => Themes => Edit code. Then, find file base.css:

view - 2023-02-01T084921.802.png
view - 2023-02-01T084921.802.png1919×888 52.9 KB

  • Add the following code at the end of the file base.css and save:
.product-card-wrapper .card__inner {
  margin-bottom: 15px !important;
}
  • Here is the result:

view - 2023-02-01T085038.042.png
view - 2023-02-01T085038.042.png1242×938 139 KB

I hope that this can help you solve the issue.